:root{--navy: #01325e;--yellow: #fcc62d;--red: #dd0a0a;--ink: #14181c;--success: #2e7d32;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(1, 50, 94, .06);--shadow-md: 0 4px 16px rgba(1, 50, 94, .1);--dur-fast: .15s;--ease: cubic-bezier(.2, .8, .2, 1);--text-h1: 24px;--text-h2: 18px;--text-body: 14px;--text-caption: 12px;--ring: rgba(252, 198, 45, .6);--bg: #f6f8fb;--surface: #ffffff;--text: var(--ink);--border: #e2e8f0;--muted: #64748b;--muted-surface: #f6f8fb;--on-navy: #ffffff;--on-navy-dim: #cbd5e1;--kpi-hint: #5b6b7f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--navy)}a:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px var(--space-4);font-weight:700;font-size:var(--text-body);cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover{box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--navy);border:1.5px solid var(--border)}.btn.danger{background:var(--red);color:#fff}.btn.small{padding:6px 10px;font-size:13px}.input,.select,.textarea{width:100%;padding:10px var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-body);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--navy)}.field{margin-bottom:var(--radius-md)}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card:has(>table){overflow:auto!important}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.error{background:#dd0a0a14;border:1px solid rgba(221,10,10,.3);color:var(--red);border-radius:var(--radius-sm);padding:10px var(--space-3);font-size:var(--text-body)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-caption);font-weight:700}.badge.green{background:#2e7d321f;color:var(--success)}.badge.gray{background:var(--muted-surface);color:var(--muted)}.badge.warn{background:#fcc62d2e;color:#8a6d00}.badge.danger{background:#dd0a0a1a;color:var(--red)}.badge.scan-pending{animation:badge-pulse 1.6s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.nav-count{display:inline-block;min-width:18px;margin-left:auto;padding:1px 6px;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:11px;font-weight:800;line-height:16px;text-align:center;vertical-align:middle}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-body)}th{color:var(--muted);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.03em}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:var(--on-navy);padding:var(--space-5) var(--radius-md)}.sidebar .brand{display:flex;align-items:center;padding:var(--space-2) 10px 18px}.brand-logo{height:46px;width:auto;max-width:100%;display:block;flex:0 0 auto}.sidebar nav a{display:flex;align-items:center;color:var(--on-navy-dim);text-decoration:none;padding:10px var(--space-3);border-radius:var(--radius-sm);border-left:3px solid transparent;font-weight:600;margin-bottom:var(--space-1);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.sidebar nav a:hover{background:#ffffff1f;color:var(--on-navy)}.sidebar nav a.active{background:#fcc62d29;border-left-color:var(--yellow);color:#fff;font-weight:800}.sidebar nav a:focus-visible{outline:3px solid var(--ring);outline-offset:-2px}.nav-group{margin-bottom:var(--space-3)}.nav-group-title{margin:var(--space-2) var(--space-3) 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-dim);opacity:.65}.banner-info{background:var(--muted-surface);border:1px solid var(--border);border-left:4px solid var(--yellow);color:var(--text-body);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.45}.nav-toggle,.nav-scrim{display:none}.content{padding:var(--space-6) var(--space-6);max-width:1100px}.content h1{margin:0 0 var(--space-5);font-size:var(--text-h1)}.content h2{font-size:var(--text-h2)}.content h3{font-size:var(--text-body)}.row{display:flex;gap:var(--space-4);align-items:center}.spacer{flex:1}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat .num{font-size:var(--space-6);font-weight:800;color:var(--navy)}.stat .label{color:var(--muted);font-size:13px}.skeleton{position:relative;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--muted-surface) 25%,var(--border) 37%,var(--muted-surface) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;min-height:1em;color:transparent}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width: 768px){.shell{display:block;grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:40;overflow-y:auto;transform:translate(-100%);transition:transform var(--dur-fast) var(--ease);box-shadow:var(--shadow-md)}.shell.nav-open .sidebar{transform:none}.shell.nav-open .nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#01325e66}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:20;gap:var(--space-2);width:44px;height:44px;margin:var(--space-2) 0 var(--space-2) var(--space-2);background:var(--surface);color:var(--navy);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.nav-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.content{padding:var(--space-4);max-width:100%}}@media (prefers-color-scheme: dark){:root{--bg: #0b1620;--surface: #11202e;--text: #e8eef4;--border: #1f3346;--muted: #93a4b5;--muted-surface: #16283a;--ring: rgba(252, 198, 45, .7);--kpi-hint: #94a3b8}.btn.secondary{background:var(--surface);color:var(--on-navy)}.badge.gray{background:var(--muted-surface);color:var(--muted)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}