:root{--bg: #e8eef2;--bg-accent: #d7e3ea;--surface: #ffffff;--ink: #15202b;--muted: #5b6b78;--line: #c9d5de;--brand: #0b5f6b;--brand-dark: #084851;--brand-soft: rgba(11, 95, 107, .12);--brand-glow: rgba(11, 95, 107, .22);--chart-2: #c9852a;--chart-3: #2d6a4f;--danger: #9b2c2c;--ok: #1f6b4a;--shadow: 0 10px 30px rgba(21, 32, 43, .08);--shadow-hover: 0 16px 36px rgba(21, 32, 43, .14);--radius: .85rem;--ease: .18s ease;font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(11,95,107,.16) 0%,transparent 42%),radial-gradient(circle at 92% 6%,rgba(201,133,42,.14) 0%,transparent 30%),linear-gradient(180deg,#f4f8fa 0%,var(--bg) 100%);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:linear-gradient(#f4f8fa8c,#e8eef2b8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 72h72V0' fill='none' stroke='%230b5f6b' stroke-opacity='0.06'/%3E%3C/svg%3E");background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:"Source Serif 4",serif;font-weight:700;line-height:1.2;margin:0 0 .5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #15202b0d;position:sticky;top:0;z-index:10}.topbar-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.topbar .topbar-toggle{display:none}.brand{display:flex;flex-direction:row;align-items:center;gap:.75rem}.brand-text{display:flex;flex-direction:column;gap:.15rem}.brand-mark-img{width:2.75rem;height:2.75rem;border-radius:.7rem;object-fit:cover;box-shadow:0 4px 12px var(--brand-glow)}.brand strong{color:var(--brand);font-size:1.05rem}.brand span{color:var(--muted);font-size:.85rem}.brand--on-dark strong{color:#fff}.brand--on-dark span{color:#ffffffdb}.nav{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;color:var(--muted);transition:background var(--ease),color var(--ease)}.nav a.active,.nav a:hover{background:var(--brand-soft);color:var(--brand-dark)}.nav a.active{font-weight:600;color:var(--brand)}.content{padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.app-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;color:var(--muted);font-size:.9rem;text-align:center}.app-footer p{margin:0}.app-footer-links{display:flex;justify-content:center;gap:1rem}.app-footer-link{display:inline-flex;border-radius:.4rem;transition:transform var(--ease),opacity var(--ease)}.app-footer-link:hover{transform:translateY(-2px);opacity:.8}.app-footer-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.app-footer-credit strong{color:var(--brand)}.app-footer-role{color:var(--ink);font-weight:500}.app-footer-rights{font-size:.8rem}.app-footer--sticky{position:sticky;bottom:0;z-index:10;padding:.75rem 1.5rem;border-top:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:640px){.app-footer--sticky{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:1.5rem}}@media(max-width:900px){.app-footer--sticky{padding:.65rem 1rem;background:#fff}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;transition:box-shadow var(--ease),transform var(--ease),border-color var(--ease)}.stack{display:grid;gap:1rem}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch;gap:0;padding:.65rem 1rem;background:#fff;box-shadow:none}.topbar-bar{width:100%}.topbar-bar .brand,.topbar-bar .brand-text{min-width:0}.topbar .topbar-toggle{display:inline-flex;flex-shrink:0}.topbar-toggle-label{font-size:.85rem}.topbar .brand span{display:none}.topbar .brand-mark-img{width:2.25rem;height:2.25rem}.topbar .brand strong{font-size:.95rem;line-height:1.25}.nav{display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--line);background:#fff}.nav.nav-panel--open{display:flex}.nav a{justify-content:flex-start;border-radius:.55rem;padding:.55rem .75rem}.nav .role-chip{align-self:stretch;justify-content:space-between}.nav .btn{width:100%;justify-content:center}}.field{display:grid;gap:.35rem}.field label{font-size:.9rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:.5rem;padding:.65rem .75rem;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(11,95,107,.35);outline-offset:1px;border-color:var(--brand)}.field input:disabled,.field select:disabled,.field textarea:disabled{cursor:not-allowed;background:var(--bg-accent);color:var(--muted)}.field-invalid{border-color:var(--danger)!important}.field-error{margin:0;min-height:2.5em;color:var(--danger);font-size:.85rem;line-height:1.25;visibility:hidden}.field-has-error .field-error{visibility:visible}.field-hint{margin:0;color:var(--muted);font-size:.85rem}.field-required{color:var(--danger);font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:.5rem;padding:.65rem 1rem;cursor:pointer;background:var(--brand);color:#fff;font-weight:600;transition:background var(--ease),transform var(--ease),box-shadow var(--ease)}.btn:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 8px 18px var(--brand-glow)}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.secondary:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-dark);box-shadow:none}.btn-with-icon{display:inline-flex;align-items:center;gap:.4rem}.btn.danger{background:var(--danger)}.btn.danger:hover:not(:disabled){background:#7f2222;box-shadow:0 8px 18px #9b2c2c47}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line);vertical-align:top;font-size:.92rem}th{color:var(--muted);font-weight:600}tbody tr:nth-child(2n){background:#0b5f6b09}tbody tr:hover{background:var(--brand-soft)}.muted{color:var(--muted)}.muted a{font-weight:900}.error{color:var(--danger)}.route-load-error{display:grid;justify-items:center;gap:.75rem;max-width:32rem;margin:4rem auto;text-align:center}.route-load-error h2,.route-load-error p{margin:0}.login-page{min-height:100vh;display:grid;grid-template-rows:1fr auto;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%)}.stat{font-size:2.15rem;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}.toolbar-search{flex:1 1 100%;width:100%}.toolbar-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;flex:1 1 100%;width:100%}.pagination-bar{align-items:center}.pagination-summary{margin:0}.pagination-summary-top{margin:0 0 .75rem;text-align:left}.pagination-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pagination-pages{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pagination-ellipsis{padding:0 .25rem;-webkit-user-select:none;user-select:none}.pagination-goto{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pagination-goto input{width:4.5rem;border:1px solid var(--line);border-radius:.5rem;padding:.45rem .5rem;background:#fff}.btn.pagination-page{background:#0b5f6b14;color:var(--brand);border:1px solid rgba(11,95,107,.28);min-width:2.5rem;padding-left:.65rem;padding-right:.65rem}.btn.pagination-page:hover:not(:disabled){background:#0b5f6b29}.btn.pagination-page.is-current{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.pagination-page.is-current:hover:not(:disabled){background:var(--brand-dark)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.password-field{position:relative;display:block;width:100%}.password-field input{width:100%;border:1px solid var(--line);border-radius:.5rem;padding:.65rem 2.6rem .65rem .75rem;background:#fff}.password-toggle{position:absolute;right:.35rem;top:50%;z-index:1;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.35rem;background:transparent;padding:0;cursor:pointer;color:var(--muted)}.password-toggle:hover{color:var(--ink);background:var(--bg-accent)}.search-field{position:relative;display:block;width:100%}.search-field input{width:100%;border:1px solid var(--line);border-radius:.5rem;padding:.65rem .75rem .65rem 2.6rem;background:#fff}.search-field-icon{position:absolute;left:.35rem;top:50%;z-index:1;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;pointer-events:none;color:var(--muted)}.role-chip{display:inline-flex;flex-direction:column;gap:.05rem;padding:.3rem .7rem;border-radius:999px;background:var(--brand-soft);border:1px solid rgba(11,95,107,.16);font-size:.85rem;line-height:1.2}.role-chip small{color:var(--muted);font-size:.75rem}.nav-with-badge{display:inline-flex;align-items:center;gap:.35rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.75rem;font-weight:700}.form-fieldset{border:1px solid var(--line);margin:0;min-width:0}.form-fieldset:disabled{opacity:.92}.ok{color:var(--ok)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.active-filter{border-color:var(--brand);color:var(--brand);background:#0b5f6b14}.btn.secondary.active-filter:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:#0b5f6b24;box-shadow:none}.kpi-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.kpi-head h2{margin:0}.audit-btn{padding:.35rem .65rem;font-size:.8rem;font-weight:600;white-space:nowrap}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15202b73;display:grid;place-items:center;padding:1rem;z-index:50}.dialog{width:min(960px,100%);max-height:min(90vh,900px);overflow:auto}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.audit-trail{margin:0;display:grid;gap:.75rem}.audit-trail-item{display:grid;gap:.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.audit-trail-item dt{font-weight:600;color:var(--ink)}.audit-trail-item dd{margin:0;color:var(--muted)}.page-header{display:flex;align-items:flex-start;gap:.9rem}.page-header-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:.85rem;background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px #0b5f6b1f}.page-header-body{min-width:0}.page-header-body h1{margin-bottom:.35rem}.page-header-description{display:grid;gap:.25rem}.page-header-description p{margin:0}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:var(--brand)}.kpi-card--total:before{background:var(--brand)}.kpi-card--types:before{background:var(--chart-2)}.kpi-card--cids:before{background:var(--chart-3)}.kpi-card:hover,.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#0b5f6b47}.kpi-label{display:flex;align-items:center;gap:.5rem}.kpi-icon{display:inline-flex;color:var(--brand)}.kpi-card--types .kpi-icon,.kpi-card--types .stat{color:#9a6418}.kpi-card--cids .kpi-icon,.kpi-card--cids .stat{color:var(--chart-3)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,28rem)}.auth-hero{position:relative;min-height:100vh;overflow:hidden;background:var(--brand-dark)}.auth-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.auth-hero-overlay{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;min-height:100%;padding:2.5rem;background:linear-gradient(180deg,#0848512e,#084851d1);color:#fff}.auth-hero-lead{margin:0;max-width:28rem;font-size:1.05rem;line-height:1.45;color:#ffffffeb}.auth-form-panel{display:grid;grid-template-rows:1fr auto;place-items:center;gap:1.5rem;padding:2rem 1.5rem;background:radial-gradient(circle at top,rgba(11,95,107,.08),transparent 55%),var(--bg)}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-hero{min-height:16rem}.auth-hero-overlay{justify-content:flex-end;padding:1.5rem}}@media(prefers-reduced-motion:reduce){.card,.btn,.nav a,.kpi-card,.chart-card,.app-footer-link{transition:none}.kpi-card:hover,.chart-card:hover,.app-footer-link:hover{transform:none}}