@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#05070e;--bg2:#070b16;--panel:rgba(255,255,255,.035);--panel2:rgba(255,255,255,.06);
  --blue:#3b82f6;--blue2:#60a5fa;--blue3:#93c5fd;--cy:#38bdf8;--text:#eaf0fb;--muted:#8a96ad;--dim:#5d6b82;
  --line:rgba(96,165,250,.16);--line2:rgba(96,165,250,.28);--green:#22c55e;--amber:#eab308;--red:#ef4444;--gray:#64748b;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:"Tajawal",system-ui,sans-serif;background:radial-gradient(circle at 68% -10%,rgba(59,130,246,.15),transparent 33%),radial-gradient(circle at 16% 45%,rgba(56,189,248,.055),transparent 32%),linear-gradient(180deg,#040712 0%,var(--bg) 45%,#03050b 100%)}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{color:var(--text);background:transparent;outline:0}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;right:0;bottom:0;width:250px;padding:24px 18px;display:flex;flex-direction:column;gap:26px;background:linear-gradient(180deg,rgba(8,18,35,.98),rgba(4,9,20,.99)),var(--bg2);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.24);z-index:20}.main-content{min-height:100vh;margin-right:250px;padding:22px}.brand{display:flex;align-items:center;gap:13px;padding:8px 4px 18px;border-bottom:1px solid var(--line)}.brand-mark{width:58px;height:66px;display:grid;place-items:center;flex:0 0 auto;color:#fff;font-size:25px;background:linear-gradient(180deg,rgba(59,130,246,.24),rgba(59,130,246,.05));border:1px solid rgba(147,197,253,.55);clip-path:polygon(50% 0,92% 15%,86% 70%,50% 100%,14% 70%,8% 15%);box-shadow:inset 0 0 20px rgba(59,130,246,.16),0 0 26px rgba(59,130,246,.08)}.brand h1{margin:0;font-size:19px}.brand p{margin:3px 0 0;color:var(--blue2);font-size:11px;letter-spacing:.8px}.nav-menu{display:flex;flex-direction:column;gap:7px}.nav-item{width:100%;min-height:58px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:right;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:12px;transition:.18s ease}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.025);border-color:var(--line)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(59,130,246,.24),rgba(59,130,246,.06));border-color:rgba(59,130,246,.62);box-shadow:inset 0 0 24px rgba(59,130,246,.08),0 0 28px rgba(59,130,246,.08)}.nav-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.035);border-radius:10px}.nav-item strong{display:block;font-size:14px}.nav-item small{display:block;margin-top:2px;color:var(--dim);font-size:11px}.nav-item.active small{color:var(--blue2)}.sidebar-bottom{margin-top:auto}.system-status{padding:14px;display:flex;align-items:center;gap:10px;background:rgba(34,197,94,.045);border:1px solid rgba(34,197,94,.22);border-radius:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(34,197,94,.8)}.system-status strong{display:block;color:#b9f6ca;font-size:13px}.system-status small{display:block;margin-top:2px;color:rgba(34,197,94,.76);font-size:10px}.version{margin:12px 0 0;text-align:center;color:var(--dim);font-size:11px}.topbar{min-height:72px;padding:0 4px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.page-title{display:flex;align-items:center;gap:12px}.title-icon,.panel-icon{display:grid;place-items:center;color:var(--blue2);background:linear-gradient(180deg,rgba(59,130,246,.16),rgba(59,130,246,.05));border:1px solid rgba(59,130,246,.26);box-shadow:inset 0 0 18px rgba(59,130,246,.08)}.title-icon{width:45px;height:45px;border-radius:13px;font-size:20px}.page-title h2{margin:0;font-size:26px;line-height:1}.page-title p{margin:7px 0 0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:11px}.global-search{width:min(360px,31vw);height:46px;padding:0 13px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:13px}.global-search input{width:100%;border:0;font-size:12px}.global-search input::placeholder{color:var(--dim)}kbd{padding:4px 7px;color:var(--dim);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:7px;font-size:10px}.icon-button{position:relative;width:46px;height:46px;color:var(--muted);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:13px}.notification-badge{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;color:#fff;background:var(--blue);border:2px solid var(--bg);border-radius:99px;font-size:9px}.officer-profile{min-width:235px;height:50px;padding:6px 10px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px}.avatar{width:36px;height:36px;display:grid;place-items:center;color:#dbeafe;font-size:12px;font-weight:800;background:#0b1528;border:1px solid rgba(96,165,250,.28);border-radius:50%}.officer-profile strong{display:block;font-size:12px}.officer-profile small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.chevron{margin-right:auto;color:var(--muted)}.page{display:none;animation:fade .18s ease}.page.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome-strip{margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 90% 0%,rgba(59,130,246,.15),transparent 36%),linear-gradient(135deg,rgba(59,130,246,.065),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:20px}.eyebrow,.section-kicker{display:inline-block;color:var(--blue2);font-size:10px;font-weight:700}.welcome-strip h3{margin:6px 0 5px;font-size:18px}.welcome-strip p{margin:0;color:var(--muted);font-size:12px}.welcome-badge{padding:9px 12px;display:flex;align-items:center;gap:7px;color:#c9f7d5;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);border-radius:10px;font-size:11px}.welcome-badge span{color:var(--green)}.stats-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:15px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:15px}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-weight:800}.stat-icon.blue{color:var(--blue2);background:rgba(59,130,246,.09)}.stat-icon.red{color:#fca5a5;background:rgba(239,68,68,.08)}.stat-icon.green{color:#86efac;background:rgba(34,197,94,.08)}.stat-icon.amber{color:#fde047;background:rgba(234,179,8,.08)}.stat-card small{display:block;color:var(--muted);font-size:9px}.stat-card strong{display:block;margin-top:2px;font-size:22px}.stat-card em{display:block;margin-top:2px;color:var(--dim);font-size:8px;font-style:normal}.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{min-width:0;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.014)),rgba(5,10,22,.78);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 55px rgba(15,70,170,.12)}.page-panel{margin-top:18px}.panel-header{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h3{margin:5px 0 3px;font-size:19px}.panel-header p{margin:0;color:var(--muted);font-size:11px}.panel-icon{width:40px;height:40px;flex:0 0 auto;border-radius:12px}.simple-list{display:grid;gap:8px}.simple-row{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:11px}.simple-row strong{display:block;font-size:11px}.simple-row span{display:block;margin-top:2px;color:var(--muted);font-size:9px}.ghost-button,.primary-outline-button,.back-button{padding:8px 11px;color:var(--blue2);background:rgba(59,130,246,.045);border:1px solid rgba(59,130,246,.2);border-radius:9px;font-size:10px}.wanted-mini-grid{display:grid;gap:8px}.wanted-mini{padding:10px;display:flex;align-items:center;gap:10px;background:rgba(239,68,68,.025);border:1px solid rgba(239,68,68,.12);border-radius:11px}.mini-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#dbeafe;background:#0c1525;border:1px solid rgba(96,165,250,.2);border-radius:9px;font-size:9px;font-weight:800}.wanted-mini strong,.mini-suspect strong{display:block;font-size:10px}.wanted-mini span,.mini-suspect span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.large-search{height:46px;padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line2);border-radius:11px}.large-search input{width:100%;border:0;font-size:12px}.placeholder-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.placeholder-card{padding:15px;display:flex;flex-direction:column;gap:5px;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:13px}.placeholder-card strong{font-size:13px}.placeholder-card span{color:var(--muted);font-size:9px}.placeholder-card button{margin-top:8px;padding:7px 9px;color:var(--blue2);background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.18);border-radius:8px}.danger-kicker{color:#f87171}.danger-panel-icon{color:#f87171;border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.05)}.danger-card{border-color:rgba(239,68,68,.16)}.online-pill{color:#86efac!important}.offline-pill{color:var(--dim)!important}.archive-note{margin-bottom:12px;padding:12px;color:#fef3c7;background:rgba(234,179,8,.05);border:1px solid rgba(234,179,8,.17);border-radius:10px;font-size:10px}.reports-home{margin-top:18px;min-height:calc(100vh - 135px);display:flex;flex-direction:column;justify-content:center}.reports-heading{text-align:center;margin-bottom:24px}.reports-heading h3{margin:7px 0 6px;font-size:28px}.reports-heading p{margin:0;color:var(--muted)}.report-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;width:100%;margin:0 auto}.report-choice{position:relative;min-height:230px;padding:24px;text-align:right;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;color:var(--text);background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.13),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line2);border-radius:20px;transition:.2s ease;overflow:hidden}.report-choice:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.52);box-shadow:0 20px 50px rgba(59,130,246,.12)}.choice-icon{width:64px;height:64px;display:grid;place-items:center;color:#dbeafe;background:linear-gradient(180deg,#2476eb,#145cc2);border:1px solid rgba(147,197,253,.4);border-radius:16px;font-size:28px;box-shadow:0 10px 25px rgba(59,130,246,.2)}.choice-tag{color:var(--blue2);font-size:10px}.report-choice h4{margin:6px 0 6px;font-size:21px}.report-choice p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.choice-arrow{color:var(--blue2);font-size:24px}.subpage-toolbar{margin-top:18px;margin-bottom:10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.segmented-control{margin-bottom:18px;padding:4px;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:12px}.segment{height:40px;color:var(--muted);background:transparent;border:0;border-radius:9px;font-weight:700}.segment.active{color:#fff;background:linear-gradient(180deg,#297bf5,#1466dc);box-shadow:0 5px 20px rgba(59,130,246,.22)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{position:relative}.field.full{grid-column:1/-1}.field-label{margin-bottom:7px;display:flex;align-items:flex-end;justify-content:space-between}.field-label b{font-size:12px}.field-label small{color:var(--dim);font-size:9px}.input-wrap,.field textarea{background:var(--bg2);border:1px solid var(--line2);border-radius:11px}.input-wrap{height:44px;padding:0 9px 0 7px;display:flex;align-items:center;gap:8px}.input-wrap input{width:100%;border:0;font-size:12px}.field textarea{width:100%;padding:12px;min-height:112px;resize:vertical}.input-icon{color:var(--blue2)}.field-action{padding:7px 10px;color:var(--blue2);background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.18);border-radius:8px;font-size:10px}.section-block{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.section-title-row{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row h4{margin:0;font-size:13px}.section-title-row p{margin:3px 0 0;color:var(--dim);font-size:10px}.chips,.charge-list{display:flex;flex-wrap:wrap;gap:7px}.chip,.charge-chip{display:inline-flex;align-items:center;gap:7px;border-radius:9px;font-size:10px}.chip{padding:7px 9px;color:#cbd5e1;background:rgba(255,255,255,.025);border:1px solid var(--line)}.chip button{padding:0;color:var(--muted);background:transparent;border:0}.owner-chip{color:#dbeafe;border-color:rgba(59,130,246,.24);background:rgba(59,130,246,.06)}.owner-chip em{color:var(--blue2);font-style:normal;font-size:8px}.count-badge{margin-right:5px;padding:2px 6px;color:var(--blue2);background:rgba(59,130,246,.09);border:1px solid rgba(59,130,246,.17);border-radius:99px;font-size:9px}.suspects-list{display:grid;gap:9px}.suspect-card{padding:10px;display:grid;grid-template-columns:74px 1fr;gap:11px;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:13px}.suspect-card.wanted{border-color:rgba(239,68,68,.2);background:linear-gradient(90deg,rgba(239,68,68,.025),transparent 28%),rgba(255,255,255,.018)}.mugshot{position:relative;height:88px;display:grid;place-items:center;overflow:hidden;color:#dbeafe;background:#131b27;border:1px solid rgba(255,255,255,.07);border-radius:10px}.mugshot span{position:relative;z-index:2;width:36px;height:36px;display:grid;place-items:center;background:#0b1320;border:1px solid rgba(147,197,253,.2);border-radius:50%;font-size:12px;font-weight:800}.mugshot-lines{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(to bottom,transparent 0,transparent 16px,rgba(255,255,255,.32) 17px,transparent 18px)}.suspect-top{display:flex;justify-content:space-between;gap:10px}.suspect-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.suspect-top h5{margin:0;font-size:12px}.suspect-top p{margin:4px 0 0;color:var(--muted);font-size:9px}.wanted-badge{padding:4px 7px;color:#ffaaaa;background:rgba(239,68,68,.075);border:1px solid rgba(239,68,68,.2);border-radius:7px;font-size:8px;font-weight:700}.danger-icon-button{width:28px;height:28px;color:#ff9a9a;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.16);border-radius:8px}.wanted-actions{margin:10px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.wanted-action-button{padding:6px 8px;color:var(--blue2);background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:9px}.arrest-note{color:var(--muted);font-size:8px}.charge-chip{padding:6px 8px;color:#b7c3d6;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.charge-chip strong{color:#ff7373;font-size:8px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-box{min-height:116px;padding:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(59,130,246,.025);border:1px dashed rgba(96,165,250,.26);border-radius:12px;cursor:pointer}.upload-icon{margin-bottom:5px;color:var(--blue2);font-size:22px}.upload-box strong{font-size:11px}.upload-box p{margin:4px 0;color:var(--muted);font-size:9px}.upload-box small{color:var(--dim);font-size:8px}.totals-grid{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.total-card{min-height:78px;padding:11px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:12px}.total-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.total-card small,.preview-totals small{display:block;color:var(--muted);font-size:8px}.total-card strong{display:block;margin-top:2px;font-size:16px}.total-card em{color:var(--muted);font-size:8px;font-style:normal}.total-card.blue{border-color:rgba(59,130,246,.25)}.total-card.blue .total-icon{color:var(--blue2);background:rgba(59,130,246,.09)}.total-card.green{border-color:rgba(34,197,94,.22)}.total-card.green .total-icon{color:#86efac;background:rgba(34,197,94,.07)}.total-card.amber{border-color:rgba(234,179,8,.23)}.total-card.amber .total-icon{color:#fde047;background:rgba(234,179,8,.07)}.total-card.cyan{border-color:rgba(56,189,248,.23)}.total-card.cyan .total-icon{color:#7dd3fc;background:rgba(56,189,248,.07)}.form-footer{margin-top:15px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.form-hint{color:var(--dim);font-size:9px}.form-footer-actions{display:flex;gap:8px}.primary-button,.secondary-button,.approve-button,.reject-button,.danger-button,.copy-button{min-height:36px;padding:0 13px;border-radius:9px;font-size:10px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(180deg,#3386fa,#1664d5);border:1px solid #3b82f6}.secondary-button{color:var(--muted);background:rgba(255,255,255,.025);border:1px solid var(--line)}.report-tabs{padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:11px}.report-tab{min-height:38px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:10px;font-weight:700}.report-tab span{margin-right:3px;padding:2px 5px;color:var(--dim);background:rgba(255,255,255,.035);border-radius:99px;font-size:8px}.report-tab.active{color:#fff;background:linear-gradient(180deg,rgba(59,130,246,.9),rgba(29,105,221,.92))}.report-search-area{margin-top:12px}.report-search{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px}.report-search input{width:100%;border:0;font-size:11px}.search-types{margin-top:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.search-types button{min-height:31px;padding:4px 7px;color:var(--muted);background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:8px;font-size:8.5px}.table-wrap{margin-top:12px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:690px}thead{background:rgba(59,130,246,.035)}th,td{padding:10px 9px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:8px}td{color:#cbd5e1;font-size:9px}tbody tr:hover{background:rgba(59,130,246,.025)}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:#dfe7f4;font-size:9px}td small{color:var(--dim);font-size:8px}.report-number{color:var(--blue2);font-weight:700}.type-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-weight:700}.type-badge{min-width:53px;padding:5px 7px;color:#dbeafe;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);font-size:8px}.type-badge.traffic{color:#c7d2fe;background:rgba(99,102,241,.07);border-color:rgba(99,102,241,.2)}.status-badge{padding:5px 7px;font-size:8px}.status-badge.approved{color:#86efac;background:rgba(34,197,94,.075);border:1px solid rgba(34,197,94,.19)}.status-badge.pending{color:#fde047;background:rgba(234,179,8,.075);border:1px solid rgba(234,179,8,.2)}.status-badge.rejected{color:#fca5a5;background:rgba(239,68,68,.075);border:1px solid rgba(239,68,68,.2)}.view-button{padding:6px 9px;color:var(--blue2);background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.18);border-radius:7px;font-size:8px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(1,4,10,.78);backdrop-filter:blur(8px)}.modal-backdrop.open{display:flex}.modal{width:min(850px,95vw);max-height:90vh;overflow:auto;padding:20px;background:linear-gradient(180deg,#08101f,#050914);border:1px solid rgba(96,165,250,.3);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.modal-header h3{margin:5px 0 0}.modal-close{width:36px;height:36px;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;font-size:20px}.preview-meta{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview-meta>div,.preview-totals>div{padding:10px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:9px}.preview-meta small{display:block;color:var(--dim);font-size:8px}.preview-meta strong{display:block;margin-top:3px;font-size:9px}.modal-section{margin-top:10px;padding:12px;background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:11px}.modal-section h4{margin:0 0 8px;font-size:12px}.modal-section p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.mini-suspects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-suspect{padding:8px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.045);border-radius:9px}.preview-totals{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preview-totals strong{display:block;margin-top:2px;font-size:10px}.preview-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.copy-button{color:#dbeafe;background:rgba(59,130,246,.11);border:1px solid rgba(59,130,246,.28)}.approve-button{color:#d9ffe3;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}.reject-button,.danger-button{color:#ffd5d5;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25)}.stats-inner{margin-top:0}.back-button:hover,.ghost-button:hover,.view-button:hover,.report-choice:hover{border-color:rgba(96,165,250,.48)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.report-choice-grid{grid-template-columns:1fr}.placeholder-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.sidebar{position:static;width:auto}.main-content{margin-right:0}.nav-menu{display:grid;grid-template-columns:repeat(3,1fr)}.sidebar-bottom{display:none}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;flex-wrap:wrap}.global-search{width:100%;order:3}.officer-profile{flex:1}}@media(max-width:700px){.main-content{padding:12px}.nav-menu{grid-template-columns:1fr 1fr}.stats-grid,.totals-grid,.preview-meta,.preview-totals,.mini-suspects,.placeholder-grid,.search-types,.upload-grid{grid-template-columns:1fr}.report-tabs{grid-template-columns:1fr 1fr}.welcome-strip,.form-footer{align-items:flex-start;flex-direction:column}.report-choice{grid-template-columns:50px 1fr}.choice-icon{width:50px;height:50px}.choice-arrow{display:none}.suspect-card{grid-template-columns:1fr}.mugshot{width:90px}}


/* =========================================================
   PREMIUM V2 REDESIGN — larger typography + stronger layouts
   ========================================================= */

html { font-size: 16px; zoom: 1.5; }
body { letter-spacing: 0; }

.main-content { padding: 28px 30px 40px; }

.sidebar { width: 272px; padding: 26px 20px; }
.main-content { margin-right: 272px; }

.brand h1 { font-size: 22px; font-weight: 800; }
.brand p { font-size: 12px; }
.nav-item { min-height: 64px; padding: 12px 14px; border-radius: 14px; }
.nav-item strong { font-size: 15px; }
.nav-item small { font-size: 11.5px; margin-top: 3px; }
.nav-icon { width: 38px; height: 38px; font-size: 17px; }

.topbar { min-height: 82px; }
.page-title h2 { font-size: 30px; font-weight: 800; }
.page-title p { font-size: 13px; }
.title-icon { width: 50px; height: 50px; font-size: 22px; }

.global-search { height: 50px; }
.global-search input { font-size: 13px; }
.officer-profile { min-width: 255px; height: 54px; }
.officer-profile strong { font-size: 13px; }
.officer-profile small { font-size: 11px; }

.panel { padding: 22px; border-radius: 22px; }
.panel-header h3 { font-size: 22px; }
.panel-header p { font-size: 12px; line-height: 1.7; }
.section-kicker, .eyebrow { font-size: 11px; letter-spacing: .2px; }
.welcome-strip { padding: 23px 24px; }
.welcome-strip h3 { font-size: 22px; }
.welcome-strip p { font-size: 13px; line-height: 1.7; }

.stats-grid { gap: 14px; }
.stat-card { min-height: 105px; padding: 18px; border-radius: 17px; }
.stat-icon { width: 50px; height: 50px; font-size: 19px; }
.stat-card small { font-size: 11px; }
.stat-card strong { font-size: 27px; }
.stat-card em { font-size: 10px; }

.simple-row { padding: 15px; }
.simple-row strong { font-size: 13px; }
.simple-row span { font-size: 10.5px; }

.reports-heading h3 { font-size: 34px; }
.reports-heading p { font-size: 14px; }
.report-choice { min-height: 260px; padding: 28px; }
.report-choice h4 { font-size: 25px; }
.report-choice p { font-size: 13px; }
.choice-tag { font-size: 11px; }

.segment { height: 46px; font-size: 13px; }
.field-label b { font-size: 13px; }
.field-label small { font-size: 10px; }
.input-wrap { height: 49px; }
.input-wrap input { font-size: 13px; }
.field textarea { font-size: 13px; min-height: 125px; }
.section-title-row h4 { font-size: 15px; }
.section-title-row p { font-size: 11px; }
.chip, .charge-chip { font-size: 11px; }
.suspect-top h5 { font-size: 14px; }
.suspect-top p { font-size: 10px; }
.wanted-badge { font-size: 9px; }
.total-card { min-height: 88px; }
.total-card small { font-size: 10px; }
.total-card strong { font-size: 19px; }

.report-tab { min-height: 44px; font-size: 11px; }
.report-search { height: 48px; }
.report-search input { font-size: 12px; }
.search-types button { min-height: 36px; font-size: 10px; }
th { font-size: 10px; padding: 13px 11px; }
td { font-size: 11px; padding: 13px 11px; }
td strong { font-size: 11px; }
td small { font-size: 9.5px; }
.type-badge, .status-badge { font-size: 9.5px; padding: 6px 9px; }
.view-button { padding: 8px 12px; font-size: 10px; }

/* HERO */
.wanted-hero,
.roster-hero {
  margin-top: 20px;
  padding: 28px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(59,130,246,.18), transparent 36%),
    linear-gradient(135deg, rgba(14,27,50,.96), rgba(7,12,25,.96));
  border: 1px solid rgba(96,165,250,.22);
  border-radius: 24px;
  box-shadow: 0 22px 60px rgba(0,0,0,.22);
}
.wanted-hero::before,
.roster-hero::before {
  content:"";
  position:absolute;
  width:380px;height:380px;
  left:-160px;top:-210px;
  border:1px solid rgba(96,165,250,.08);
  border-radius:50%;
  box-shadow:0 0 0 45px rgba(96,165,250,.025),0 0 0 90px rgba(96,165,250,.015);
}
.wanted-hero h3,
.roster-hero h3 { margin: 7px 0 7px; font-size: 31px; font-weight: 800; }
.wanted-hero p,
.roster-hero p { margin:0; color:var(--muted); font-size:13px; max-width:650px; }
.hero-label {
  display:inline-flex;
  padding:6px 9px;
  color:var(--blue2);
  background:rgba(59,130,246,.08);
  border:1px solid rgba(59,130,246,.2);
  border-radius:8px;
  font-size:10px;
  font-weight:800;
}
.red-label {
  color:#fca5a5;
  background:rgba(239,68,68,.07);
  border-color:rgba(239,68,68,.18);
}
.hero-stat-row { display:flex; gap:9px; flex-wrap:wrap; position:relative;z-index:2; }
.hero-stat {
  min-width:112px;
  padding:13px 16px;
  text-align:center;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(96,165,250,.15);
  border-radius:13px;
}
.hero-stat small { display:block; color:var(--muted); font-size:9px; }
.hero-stat strong { display:block; margin-top:3px; font-size:22px; }
.hero-stat.danger-stat { border-color:rgba(239,68,68,.2); background:rgba(239,68,68,.04); }
.hero-stat.danger-stat strong { color:#fca5a5; }
.hero-stat.green-stat { border-color:rgba(34,197,94,.18); background:rgba(34,197,94,.04); }
.hero-stat.green-stat strong { color:#86efac; }

/* FILTER TOOLBAR */
.wanted-toolbar,
.roster-toolbar {
  margin: 16px 0;
  padding: 12px;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.018);
  border:1px solid var(--line);
  border-radius:16px;
}
.wanted-search {
  flex:1;
  min-width:260px;
  height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:9px;
  background:#070c18;
  border:1px solid rgba(96,165,250,.22);
  border-radius:12px;
}
.wanted-search span { color:var(--blue2); font-size:18px; }
.wanted-search input { width:100%; border:0; font-size:12px; }
.wanted-search input::placeholder { color:#617089; }
.wanted-filter-group { display:flex; gap:7px; flex-wrap:wrap; }
.filter-chip {
  height:38px;
  padding:0 12px;
  color:var(--muted);
  background:rgba(255,255,255,.02);
  border:1px solid var(--line);
  border-radius:10px;
  font-size:10px;
  font-weight:700;
}
.filter-chip.active {
  color:#fff;
  background:linear-gradient(180deg,#3b82f6,#236dd8);
  border-color:#3b82f6;
}

/* WANTED PRO CARDS */
.wanted-grid-pro { display:grid; gap:14px; }
.wanted-profile-card {
  display:grid;
  grid-template-columns:190px 1fr;
  min-height:275px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.028),rgba(255,255,255,.015)),
    rgba(5,10,21,.9);
  border:1px solid rgba(96,165,250,.16);
  border-radius:20px;
  box-shadow:0 18px 46px rgba(0,0,0,.2);
  transition:.2s ease;
}
.wanted-profile-card:hover { transform:translateY(-2px); border-color:rgba(96,165,250,.32); }
.wanted-profile-card.critical { border-color:rgba(239,68,68,.22); }
.wanted-photo {
  position:relative;
  min-height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(96,165,250,.12),transparent 32%),
    linear-gradient(180deg,#101826,#080d16);
  border-left:1px solid rgba(255,255,255,.05);
}
.wanted-profile-card.critical .wanted-photo {
  background:
    radial-gradient(circle at 50% 42%,rgba(239,68,68,.09),transparent 32%),
    linear-gradient(180deg,#16151b,#0a0c12);
}
.height-lines {
  position:absolute;inset:0;
  opacity:.13;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,rgba(255,255,255,.28) 35px,transparent 36px);
}
.profile-silhouette {
  position:relative;
  width:92px;height:92px;
  display:grid;place-items:center;
  color:#dbeafe;
  background:linear-gradient(180deg,#17243a,#0c1421);
  border:1px solid rgba(147,197,253,.24);
  border-radius:50%;
  font-size:26px;
  font-weight:800;
  box-shadow:0 15px 40px rgba(0,0,0,.35);
}
.profile-silhouette.second { background:linear-gradient(180deg,#17232e,#0a1118); }
.photo-id {
  position:absolute;bottom:14px;
  padding:5px 8px;
  color:#9aa8bc;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.06);
  border-radius:7px;
  font-size:9px;
  letter-spacing:.4px;
}
.wanted-card-body { padding:20px 22px; }
.wanted-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.wanted-card-head h4 { margin:7px 0 3px; font-size:21px; }
.wanted-card-head p { margin:0; color:var(--muted); font-size:11px; }
.priority-pill {
  display:inline-flex;
  padding:5px 8px;
  border-radius:8px;
  font-size:9px;
  font-weight:800;
}
.critical-pill { color:#fca5a5;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2); }
.medium-pill { color:#fde68a;background:rgba(234,179,8,.07);border:1px solid rgba(234,179,8,.18); }
.warrant-number {
  min-width:110px;
  padding:10px 12px;
  text-align:left;
  background:rgba(255,255,255,.018);
  border:1px solid var(--line);
  border-radius:10px;
}
.warrant-number small { display:block;color:var(--dim);font-size:8px; }
.warrant-number strong { display:block;margin-top:3px;color:var(--blue2);font-size:13px;letter-spacing:.5px; }
.wanted-data-grid {
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.wanted-data-grid > div {
  padding:10px 11px;
  background:rgba(255,255,255,.016);
  border:1px solid rgba(96,165,250,.11);
  border-radius:10px;
}
.wanted-data-grid small { display:block;color:var(--dim);font-size:8px; }
.wanted-data-grid strong { display:block;margin-top:4px;font-size:10px; }
.danger-text { color:#fca5a5; }
.amber-text { color:#fde68a; }
.wanted-charges { margin-top:12px; display:flex; gap:7px; flex-wrap:wrap; }
.wanted-charges span {
  padding:7px 9px;
  color:#c7d2e2;
  background:rgba(239,68,68,.04);
  border:1px solid rgba(239,68,68,.13);
  border-radius:8px;
  font-size:9.5px;
}
.wanted-card-footer {
  margin-top:14px;padding-top:13px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px solid var(--line);
}
.risk-note { display:flex;align-items:center;gap:8px;color:#f6b1b1; }
.risk-note > span {
  width:25px;height:25px;display:grid;place-items:center;
  flex:0 0 auto;border-radius:50%;
  color:#fecaca;background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.2);font-weight:800;
}
.risk-note p { margin:0;font-size:9px; }
.risk-note.normal { color:var(--muted); }
.risk-note.normal > span { color:var(--blue2);background:rgba(59,130,246,.07);border-color:rgba(59,130,246,.18); }
.wanted-primary-action {
  min-width:145px;height:39px;padding:0 14px;
  color:#fff;
  background:linear-gradient(180deg,#3485f6,#1d67cf);
  border:1px solid #3b82f6;
  border-radius:10px;
  font-size:10px;font-weight:800;
  box-shadow:0 8px 18px rgba(59,130,246,.14);
}

/* ROSTER PRO */
.roster-list-pro { display:grid;gap:10px; }
.officer-row-pro {
  min-height:116px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:1.35fr .75fr 1fr 1fr auto;
  align-items:center;
  gap:16px;
  background:linear-gradient(90deg,rgba(59,130,246,.035),rgba(255,255,255,.012));
  border:1px solid rgba(96,165,250,.16);
  border-radius:17px;
  transition:.18s ease;
}
.officer-row-pro:hover { transform:translateX(-2px);border-color:rgba(96,165,250,.32);background:linear-gradient(90deg,rgba(59,130,246,.055),rgba(255,255,255,.018)); }
.officer-row-pro.off { opacity:.78; }
.officer-identity { display:flex;align-items:center;gap:12px;min-width:0; }
.officer-portrait {
  position:relative;
  width:64px;height:64px;
  display:grid;place-items:center;
  flex:0 0 auto;
  color:#dbeafe;
  background:radial-gradient(circle at 50% 20%,rgba(147,197,253,.14),transparent 32%),linear-gradient(180deg,#16243a,#0b1320);
  border:1px solid rgba(96,165,250,.26);
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  font-size:16px;font-weight:800;
}
.officer-portrait.alt{background:linear-gradient(180deg,#17293a,#0c1620)}
.officer-portrait.third{background:linear-gradient(180deg,#252234,#100f18)}
.officer-portrait.fourth{background:linear-gradient(180deg,#1b2931,#0c151a)}
.duty-dot {
  position:absolute;left:-3px;bottom:-3px;
  width:14px;height:14px;border-radius:50%;
  background:var(--green);
  border:3px solid #07101d;
  box-shadow:0 0 12px rgba(34,197,94,.55);
}
.off-dot { background:#64748b;box-shadow:none; }
.officer-name-line { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.officer-name-line h4 { margin:0;font-size:16px; }
.officer-identity p { margin:5px 0 0;color:var(--muted);font-size:10px; }
.officer-identity p b { color:var(--dim);font-weight:400;margin:0 3px; }
.duty-pill { padding:4px 7px;border-radius:7px;font-size:8px;font-weight:800; }
.on-duty { color:#86efac;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18); }
.off-duty { color:#94a3b8;background:rgba(100,116,139,.08);border:1px solid rgba(100,116,139,.18); }
.officer-rank small,.officer-unit small,.officer-metrics small { display:block;color:var(--dim);font-size:8px; }
.officer-rank strong,.officer-unit strong { display:block;margin-top:4px;font-size:10.5px; }
.rank-stars { color:#60a5fa;letter-spacing:1px;font-size:8px;margin-left:4px; }
.officer-unit span { display:block;margin-top:3px;color:var(--muted);font-size:8.5px; }
.officer-metrics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}
.officer-metrics > div {
  min-width:66px;padding:8px;
  text-align:center;
  background:rgba(255,255,255,.018);
  border:1px solid rgba(96,165,250,.1);
  border-radius:9px;
}
.officer-metrics strong { display:block;margin-top:3px;font-size:11px; }
.officer-view-btn {
  height:39px;padding:0 13px;
  color:#dbeafe;
  background:rgba(59,130,246,.08);
  border:1px solid rgba(59,130,246,.22);
  border-radius:10px;
  font-size:9.5px;font-weight:800;
}

/* citizens + generic cards upgraded */
.placeholder-card {
  min-height:140px;
  padding:18px;
  justify-content:center;
  background:
    radial-gradient(circle at 100% 0%,rgba(59,130,246,.055),transparent 38%),
    rgba(255,255,255,.018);
  border-radius:15px;
}
.placeholder-card strong { font-size:15px; }
.placeholder-card span { font-size:10.5px; }
.placeholder-card button { min-height:37px;font-size:10px;font-weight:700; }

/* better hover */
.wanted-primary-action:hover,.officer-view-btn:hover,.primary-button:hover { filter:brightness(1.08); }
.filter-chip:hover,.view-button:hover,.ghost-button:hover { border-color:rgba(96,165,250,.42); }

/* responsive v2 */
@media(max-width:1350px){
  .officer-row-pro{grid-template-columns:1.2fr .7fr 1fr auto}
  .officer-metrics{grid-column:1/-1}
  .wanted-data-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){
  .sidebar{width:auto}
  .main-content{margin-right:0}
  .wanted-hero,.roster-hero{align-items:flex-start;flex-direction:column}
  .wanted-toolbar,.roster-toolbar{align-items:stretch;flex-direction:column}
  .wanted-profile-card{grid-template-columns:150px 1fr}
  .officer-row-pro{grid-template-columns:1fr 1fr}
  .officer-identity{grid-column:1/-1}
  .officer-view-btn{grid-column:1/-1}
}
@media(max-width:700px){
  .main-content{padding:14px}
  .wanted-profile-card{grid-template-columns:1fr}
  .wanted-photo{min-height:170px;border-left:0;border-bottom:1px solid var(--line)}
  .wanted-card-head,.wanted-card-footer{align-items:flex-start;flex-direction:column}
  .wanted-data-grid{grid-template-columns:1fr}
  .wanted-primary-action{width:100%}
  .officer-row-pro{grid-template-columns:1fr}
  .officer-identity{grid-column:auto}
  .officer-metrics{grid-column:auto}
  .officer-view-btn{grid-column:auto;width:100%}
  .hero-stat-row{width:100%}
  .hero-stat{flex:1}
}

/* ===== Command Center V4 ===== */
.sidebar{width:286px}.main-content{margin-right:286px;padding:25px 28px 42px}.command-nav{gap:7px}.nav-group{padding:7px;background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.08);border-radius:13px}.nav-group-title{height:34px;padding:0 8px;display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:12px}.nav-group-title span{color:var(--blue2)}.nav-subitem{width:100%;height:36px;padding:0 34px;text-align:right;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:11px}.nav-subitem:hover,.nav-subitem.active{color:#fff;background:rgba(59,130,246,.1);box-shadow:inset 3px 0 #3b82f6}.admin-nav .nav-icon{color:#c4b5fd}.v4-hero{margin-top:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.15),transparent 35%),linear-gradient(135deg,rgba(14,27,49,.96),rgba(7,12,24,.97));border:1px solid rgba(96,165,250,.2);border-radius:20px}.v4-hero.purple{background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.14),transparent 35%),linear-gradient(135deg,rgba(18,18,37,.96),rgba(7,12,24,.97))}.v4-hero h3{margin:6px 0 5px;font-size:25px}.v4-hero p{margin:0;color:var(--muted);font-size:11px}.v4-kicker{color:var(--blue2);font-size:9px;font-weight:800}.v4-primary{height:37px;padding:0 13px;color:#fff;background:linear-gradient(180deg,#3485f6,#1d67cf);border:1px solid #3b82f6;border-radius:9px;font-size:9px;font-weight:800}.v4-hero-stats{display:flex;gap:7px}.v4-hero-stats>span,.v4-mini-kpis>span{min-width:100px;padding:10px 12px;text-align:center;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px}.v4-hero-stats small,.v4-mini-kpis small{display:block;color:var(--muted);font-size:7px}.v4-hero-stats strong,.v4-mini-kpis strong{display:block;margin-top:2px;font-size:18px}.danger-stat{border-color:rgba(239,68,68,.18)!important;background:rgba(239,68,68,.04)!important}.danger-stat strong{color:#fca5a5}.v4-toolbar{margin:12px 0;display:flex;align-items:center;gap:8px}.v4-search{flex:1;height:43px;padding:0 11px;display:flex;align-items:center;gap:7px;background:#070c18;border:1px solid var(--line2);border-radius:10px}.v4-search input{width:100%;border:0;font-size:10px}.v4-search.standalone{margin:12px 0}.v4-filters,.v4-level-tabs{display:flex;gap:5px;flex-wrap:wrap}.v4-filters button,.v4-level-tabs button{height:33px;padding:0 9px;color:var(--muted);background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:8px;font-size:8px}.v4-filters button.active,.v4-level-tabs button.active{color:#fff;background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.45)}.v4-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.v4-vehicle-grid>article{overflow:hidden;background:rgba(255,255,255,.016);border:1px solid var(--line);border-radius:14px}.vehicle-art{height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--blue2);font-size:29px;background:radial-gradient(circle at 50% 40%,rgba(59,130,246,.11),transparent 35%),#09111e}.vehicle-art small{color:var(--dim);font-size:7px;letter-spacing:1px}.vehicle-info{padding:12px}.v4-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.v4-row-head h4{margin:0;font-size:12px}.v4-row-head p{margin:2px 0;color:var(--muted);font-size:7px}.v4-data{margin:9px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.v4-data span{padding:7px;background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:7px}.v4-data small{display:block;color:var(--dim);font-size:6px}.v4-data strong{display:block;margin-top:2px;font-size:8px}.v4-law-list{display:grid;gap:8px}.v4-law-card{display:grid;grid-template-columns:95px 1fr;overflow:hidden;background:rgba(255,255,255,.016);border:1px solid var(--line);border-radius:13px}.law-index{display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(180deg,rgba(59,130,246,.09),rgba(59,130,246,.02));border-left:1px solid var(--line)}.law-index strong{color:var(--blue2);font-size:22px}.law-index small{color:var(--muted);font-size:7px}.law-content{padding:13px}.law-content ol{margin:8px 16px 0 0;padding:0;color:#c7d2e1;font-size:8px;line-height:1.9}.v4-protocol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v4-protocol{padding:13px;background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.08),transparent 40%),rgba(255,255,255,.016);border:1px solid var(--line);border-radius:12px}.v4-protocol>strong{color:var(--blue2);font-size:16px}.v4-protocol h4{margin:6px 0 3px;font-size:10px}.v4-protocol p{margin:0;color:var(--muted);font-size:7px;line-height:1.6}.v4-protocol footer,.v4-penal footer,.v4-role-card footer{margin-top:9px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.v4-protocol footer span,.v4-role-card footer small{color:var(--dim);font-size:7px}.v4-protocol button,.v4-penal button,.v4-law-card button,.v4-academy button,.v4-ranks button,.v4-status-grid button,.v4-wing-grid button,.v4-role-card button,.v4-admin-row button{padding:6px 8px;color:var(--blue2);background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.17);border-radius:7px;font-size:7px}.v4-penal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v4-penal{padding:12px;background:rgba(255,255,255,.016);border:1px solid var(--line);border-right:3px solid var(--blue);border-radius:11px}.v4-penal .v4-row-head>span{padding:4px 6px;color:var(--blue2);background:rgba(59,130,246,.07);border-radius:6px;font-size:7px}.v4-penal h4{margin:7px 0 3px;font-size:10px}.v4-penal p{margin:0;color:var(--muted);font-size:7px}.v4-penal footer b{color:#fca5a5;font-size:7px}.v4-penal footer small{color:var(--dim);font-size:7px}.v4-mini-kpis{margin:11px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.v4-academy{display:grid;gap:7px}.v4-academy article{padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:rgba(255,255,255,.016);border:1px solid var(--line);border-radius:11px}.course-no{width:43px;height:43px;display:grid;place-items:center;color:var(--blue2);background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.17);border-radius:10px;font-weight:800}.v4-academy small{color:var(--blue2);font-size:7px}.v4-academy h4{margin:2px 0;font-size:10px}.v4-academy p{margin:0;color:var(--muted);font-size:7px}.v4-tags{margin-top:6px;display:flex;gap:4px;flex-wrap:wrap}.v4-tags span{padding:4px 6px;color:var(--muted);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:6px;font-size:6.5px}.v4-panel{margin-top:10px}.v4-approvals{display:grid;gap:7px}.v4-approvals>div{padding:8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:9px}.v4-approvals strong{display:block;font-size:9px}.v4-approvals small{display:block;color:var(--muted);font-size:7px}.v4-approvals>div>div:last-child{display:flex;gap:4px}.v4-deny,.v4-approve{height:31px;padding:0 9px;border-radius:7px;font-size:7px}.v4-deny{color:#fca5a5;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.16)}.v4-approve{color:#d9ffe3;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.17)}.v4-role-grid{margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v4-role-card{padding:11px;background:rgba(255,255,255,.016);border:1px solid var(--line);border-radius:10px}.v4-role-card h4{margin:0;font-size:9px}.v4-role-card p{margin:2px 0;color:var(--muted);font-size:7px}.v4-role-card footer strong{font-size:7px}.v4-settings-layout{margin-top:11px;display:grid;grid-template-columns:225px 1fr;gap:9px;align-items:start}.v4-settings-menu{padding:6px;display:grid;gap:4px;background:rgba(255,255,255,.014);border:1px solid var(--line);border-radius:11px;position:sticky;top:15px}.v4-settings-tab{min-height:52px;padding:7px;display:flex;align-items:center;gap:7px;text-align:right;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;font-size:12px}.v4-settings-tab span{flex:1}.v4-settings-tab strong{display:block;font-size:8px}.v4-settings-tab small{display:block;margin-top:2px;color:var(--dim);font-size:6px}.v4-settings-tab.active{color:#fff;background:rgba(59,130,246,.09);border-color:rgba(59,130,246,.2)}.v4-settings-content{padding:13px;background:rgba(255,255,255,.011);border:1px solid var(--line);border-radius:11px}.v4-settings-view{display:none}.v4-settings-view.active{display:block}.v4-settings-head{margin-bottom:9px;display:flex;align-items:flex-start;justify-content:space-between}.v4-settings-head h3{margin:0;font-size:14px}.v4-settings-head p{margin:3px 0;color:var(--muted);font-size:7px}.v4-admin-table{overflow:auto;border:1px solid var(--line);border-radius:8px}.v4-admin-row{min-width:860px;padding:8px;display:grid;grid-template-columns:1.5fr repeat(7,.65fr) .55fr;align-items:center;gap:6px;border-bottom:1px solid var(--line);font-size:7px}.v4-admin-row.compact{min-width:650px;grid-template-columns:1.5fr repeat(4,.7fr) .55fr}.v4-admin-row.head{color:var(--muted);background:rgba(59,130,246,.03);font-size:6.5px}.v4-admin-row:last-child{border-bottom:0}.v4-admin-row strong{display:block;font-size:7.5px}.v4-admin-row small{display:block;color:var(--dim);font-size:6px}.v4-admin-row .num{color:var(--blue2);font-weight:800}.v4-ranks{display:grid;gap:5px}.v4-ranks article{padding:8px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;background:rgba(255,255,255,.014);border:1px solid var(--line);border-radius:8px}.rank-symbol{width:32px;height:32px;display:grid;place-items:center;color:var(--blue2);background:rgba(59,130,246,.07);border-radius:8px}.rank-symbol.gold{color:#facc15;background:rgba(250,204,21,.06)}.v4-ranks h4{margin:0;font-size:8px}.v4-ranks p,.v4-ranks small{margin:2px 0;color:var(--muted);font-size:6px}.v4-ranks>article>strong{color:var(--blue2);font-size:7px}.v4-status-grid,.v4-wing-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v4-status-grid article,.v4-wing-grid article{padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:rgba(255,255,255,.014);border:1px solid var(--line);border-radius:8px}.v4-status-grid i{width:28px;height:28px;background:var(--c);border-radius:7px}.v4-status-grid h4,.v4-wing-grid h4{margin:0;font-size:8px}.v4-status-grid p,.v4-wing-grid p{margin:2px 0;color:var(--muted);font-size:6.5px}.v4-wing-grid>article>span{width:31px;height:31px;display:grid;place-items:center;background:rgba(59,130,246,.06);border-radius:8px}.v4-management{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.v4-switches{display:grid;gap:6px}.v4-switches label{padding:8px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:8px;font-size:7px}.v4-switches input{accent-color:#3b82f6}.v4-health{display:grid;grid-template-columns:1fr 1fr;gap:5px}.v4-health span{padding:8px;background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:8px}.v4-health small{display:block;color:var(--muted);font-size:6.5px}.v4-health strong{display:block;margin-top:2px;font-size:9px}.v4-health b{display:block;margin-top:2px;color:#86efac;font-size:6px}.v4-analytics-kpis{margin:10px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.v4-analytics-kpis article{padding:10px;background:rgba(255,255,255,.014);border:1px solid var(--line);border-radius:9px}.v4-analytics-kpis small{display:block;color:var(--muted);font-size:6.5px}.v4-analytics-kpis strong{display:block;margin-top:2px;font-size:16px}.v4-analytics-kpis span{color:#86efac;font-size:6.5px}.v4-analytics-kpis p{margin:2px 0;color:var(--dim);font-size:6px}.v4-analytics-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7px}.v4-analytics-grid .wide{grid-row:span 2}.v4-chart{height:230px;padding:10px;display:flex;align-items:flex-end;gap:6px}.v4-chart>div{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:3px}.v4-chart i{width:55%;height:var(--h);min-height:12px;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:5px 5px 2px 2px}.v4-chart b{font-size:6.5px}.v4-chart small{color:var(--dim);font-size:6px}.v4-progress{display:grid;gap:7px}.v4-progress>div{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:7px}.v4-progress i{grid-column:1/-1;height:5px;background:rgba(255,255,255,.04);border-radius:99px}.v4-progress u{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:99px}.v4-login{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#03050b;transition:.35s}.v4-login.hide{opacity:0;transform:scale(1.01);pointer-events:none}.v4-login-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(59,130,246,.2),transparent 30%),radial-gradient(circle at 20% 80%,rgba(56,189,248,.07),transparent 30%),linear-gradient(135deg,#040711,#02040a)}.v4-login-card{position:relative;width:min(620px,94vw);padding:24px;background:linear-gradient(180deg,rgba(9,17,32,.98),rgba(5,9,18,.98));border:1px solid rgba(96,165,250,.23);border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.58)}.v4-login-brand{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.v4-login-brand h1{margin:0;font-size:17px}.v4-login-brand p{margin:2px 0;color:var(--blue2);font-size:8px}.v4-login-copy{margin-top:18px;text-align:center}.v4-login-copy h2{margin:6px 0;font-size:23px}.v4-login-copy p{max-width:500px;margin:auto;color:var(--muted);font-size:9px;line-height:1.8}.v4-login-actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.v4-login-actions button{min-height:62px;padding:10px 12px;display:flex;align-items:center;gap:9px;text-align:right;color:#fff;border-radius:11px}.v4-login-actions button:first-child{background:linear-gradient(180deg,#5865F2,#4752c4);border:1px solid #6975f6}.v4-login-actions button:last-child{background:linear-gradient(180deg,#183a55,#102638);border:1px solid rgba(102,192,244,.35)}.v4-login-actions strong{display:block;font-size:9px}.v4-login-actions small{display:block;color:rgba(255,255,255,.68);font-size:6.5px}.v4-login-flow{margin-top:15px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.014);border:1px solid var(--line);border-radius:10px}.v4-login-flow span{font-size:7px}.v4-login-flow b{display:inline-grid;width:22px;height:22px;place-items:center;color:var(--blue2);background:rgba(59,130,246,.07);border-radius:50%}.v4-login-flow i{width:30px;height:1px;background:var(--line)}.demo-note{display:block;margin-top:8px;text-align:center;color:var(--dim);font-size:6.5px}
@media(max-width:1250px){.v4-analytics-kpis{grid-template-columns:repeat(3,1fr)}.v4-vehicle-grid,.v4-protocol-grid,.v4-role-grid{grid-template-columns:1fr 1fr}.v4-settings-layout{grid-template-columns:1fr}.v4-settings-menu{position:static;grid-template-columns:1fr 1fr 1fr}.v4-management,.v4-analytics-grid{grid-template-columns:1fr}.v4-analytics-grid .wide{grid-row:auto}}
@media(max-width:760px){.v4-hero{align-items:flex-start;flex-direction:column}.v4-toolbar{align-items:stretch;flex-direction:column}.v4-vehicle-grid,.v4-protocol-grid,.v4-penal-grid,.v4-role-grid,.v4-status-grid,.v4-wing-grid{grid-template-columns:1fr}.v4-mini-kpis,.v4-analytics-kpis{grid-template-columns:1fr 1fr}.v4-law-card{grid-template-columns:75px 1fr}.v4-settings-menu{grid-template-columns:1fr}.v4-login-actions{grid-template-columns:1fr}}

/* ============================================================
   COMMAND CENTER V5 — FULL POLISH
   ============================================================ */
:root{
  --v5-surface:#08101f;
  --v5-surface2:#0a1426;
  --v5-soft:rgba(255,255,255,.022);
  --v5-border:rgba(96,165,250,.14);
  --v5-border-strong:rgba(96,165,250,.30);
  --v5-shadow:0 18px 55px rgba(0,0,0,.24);
}
body{font-size:16px;line-height:1.45}
.main-content{padding:24px 30px 50px;background:radial-gradient(circle at 55% 0%,rgba(59,130,246,.035),transparent 26%)}
.sidebar{background:linear-gradient(180deg,#071020 0%,#050a13 70%,#04070d 100%);border-left-color:rgba(96,165,250,.13)}
.brand{padding-bottom:20px}
.brand h1{font-size:22px;letter-spacing:-.3px}
.brand p{font-size:11px}
.nav-item{min-height:61px}
.nav-item strong{font-size:14px}.nav-item small{font-size:10px}
.nav-subitem{font-size:11.5px;transition:.16s}
.nav-subitem.active{background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.04))}
.v5-sidebar-bottom{display:grid;gap:8px}
.auth-card{padding:11px;background:rgba(88,101,242,.045);border:1px solid rgba(88,101,242,.17);border-radius:12px}
.auth-top{display:flex;align-items:center;gap:8px}.auth-dot{width:8px;height:8px;background:#5865F2;border-radius:50%;box-shadow:0 0 13px rgba(88,101,242,.8)}
.auth-top strong{display:block;font-size:10px}.auth-top small{display:block;color:#98a2ba;font-size:7px}
.auth-meta{margin-top:8px;display:grid;gap:3px}.auth-meta span{color:var(--muted);font-size:7px}
.v5-topbar{position:sticky;top:0;z-index:25;margin:-24px -30px 0;padding:18px 30px 15px;background:rgba(5,7,14,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(96,165,250,.12)}
.title-line{display:flex;align-items:center;gap:8px}.title-line h2{font-size:28px}
.live-pill{padding:4px 7px;display:inline-flex;align-items:center;gap:5px;color:#86efac;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.16);border-radius:99px;font-size:7px;font-weight:800;letter-spacing:.5px}
.live-pill i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px rgba(34,197,94,.8)}
.v5-global-search{width:min(390px,31vw);background:rgba(255,255,255,.025)}
.v5-action-btn{transition:.16s}.v5-action-btn:hover{color:#fff;border-color:var(--v5-border-strong);background:rgba(59,130,246,.06)}
.v5-profile{min-width:260px;padding-left:12px}.profile-copy{min-width:0}.role-chip{display:inline-block;margin-left:3px;padding:2px 5px;color:#c4b5fd;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);border-radius:5px;font-size:7px}
.page{padding-top:1px}
.panel,.v4-panel{box-shadow:var(--v5-shadow);border-color:var(--v5-border);background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012)),rgba(5,10,20,.82)}
.panel:hover{border-color:rgba(96,165,250,.20)}
.panel-header h3{font-size:19px}.panel-header p{font-size:10px}
.v5-command-hero,.v5-section-hero,.v5-report-hero{
  margin-top:18px;padding:24px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 96% -15%,rgba(59,130,246,.22),transparent 34%),
    radial-gradient(circle at 10% 100%,rgba(56,189,248,.06),transparent 30%),
    linear-gradient(135deg,#0b172c,#070d19 70%);
  border:1px solid rgba(96,165,250,.22);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.22)
}
.v5-command-hero:before,.v5-section-hero:before,.v5-report-hero:before{content:"";position:absolute;inset:auto -80px -150px auto;width:320px;height:320px;border:1px solid rgba(96,165,250,.06);border-radius:50%;box-shadow:0 0 0 42px rgba(96,165,250,.02),0 0 0 84px rgba(96,165,250,.012)}
.hero-copy,.v5-section-hero>div:first-child,.v5-report-hero>div:first-child{position:relative;z-index:2}
.hero-label{display:inline-flex;padding:5px 8px;color:var(--blue2);background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.16);border-radius:7px;font-size:8px;font-weight:800}
.v5-command-hero h3,.v5-section-hero h3,.v5-report-hero h3{margin:7px 0 6px;font-size:27px}
.v5-command-hero p,.v5-section-hero p,.v5-report-hero p{max-width:760px;margin:0;color:#9aa7bc;font-size:11px}
.hero-status-line{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap}.hero-status-line span{padding:5px 8px;color:var(--muted);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);border-radius:7px;font-size:7px}.hero-status-line .on-duty-pill{color:#86efac;background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.15)}
.shift-summary{position:relative;z-index:2;min-width:260px;padding:13px;display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.025);border:1px solid rgba(96,165,250,.13);border-radius:15px}
.shift-ring{width:72px;height:72px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(#3b82f6 0 69%,rgba(255,255,255,.06) 69% 100%);position:relative}.shift-ring:after{content:"";position:absolute;inset:8px;background:#0a1425;border-radius:50%}.shift-ring span{position:relative;z-index:2;font-size:13px;font-weight:800}
.shift-summary small{display:block;color:var(--muted);font-size:7px}.shift-summary strong{display:block;margin-top:3px;font-size:11px}.shift-summary p{margin-top:3px;font-size:7px}
.v5-kpi-grid{margin-top:13px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.v5-kpi{min-height:145px;padding:14px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid var(--v5-border);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:.18s}.v5-kpi:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.27)}.v5-kpi:before{content:"";position:absolute;inset:0 auto auto 0;width:80px;height:80px;background:radial-gradient(circle,rgba(59,130,246,.07),transparent 70%);pointer-events:none}.critical-kpi{border-color:rgba(239,68,68,.16)}.violet-card{border-color:rgba(139,92,246,.16)}
.kpi-heading{display:flex;align-items:center;justify-content:space-between}.kpi-heading em{font-style:normal;color:var(--blue2);font-size:7px}.kpi-heading em.positive{color:#86efac}.kpi-heading em.negative{color:#fca5a5}
.v5-kpi>small{display:block;margin-top:10px;color:var(--muted);font-size:8px}.v5-kpi>strong{display:block;margin-top:2px;font-size:23px}.v5-kpi>p{margin:3px 0 0;color:var(--dim);font-size:7px}
.spark{position:absolute;left:12px;right:12px;bottom:10px;height:28px;display:flex;align-items:flex-end;gap:3px}.spark i{flex:1;height:var(--h);background:linear-gradient(180deg,rgba(96,165,250,.75),rgba(37,99,235,.45));border-radius:2px 2px 0 0}
.mini-progress{position:absolute;left:12px;right:12px;bottom:13px;height:5px;background:rgba(255,255,255,.04);border-radius:99px;overflow:hidden}.mini-progress i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#ef4444,#fb7185);border-radius:inherit}.green-progress i{background:linear-gradient(90deg,#16a34a,#4ade80)}.cyan-progress i{background:linear-gradient(90deg,#0284c7,#38bdf8)}
.rank-mini{position:absolute;bottom:10px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between}.rank-mini span{width:24px;height:24px;display:grid;place-items:center;color:var(--dim);background:rgba(255,255,255,.025);border-radius:7px;font-size:7px}.rank-mini .you{width:auto;padding:0 7px;color:#fde68a;background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.14)}
.kpi-link{position:absolute;bottom:10px;right:12px;padding:0;color:#c4b5fd;background:transparent;border:0;font-size:7px}
.v5-dashboard-layout{margin-top:12px;display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.v5-dashboard-layout.second-row{grid-template-columns:1fr 1fr}
.v5-panel{padding:17px;border-radius:16px}
.v5-activity-list{display:grid;gap:6px}.activity-item{padding:9px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:9px}.activity-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:10px}.activity-icon.success{color:#86efac;background:rgba(34,197,94,.06)}.activity-icon.danger{color:#fca5a5;background:rgba(239,68,68,.06)}.activity-icon.info{color:#7dd3fc;background:rgba(56,189,248,.06)}.activity-icon.warning{color:#fde68a;background:rgba(234,179,8,.06)}.activity-item strong{display:block;font-size:9px}.activity-item p{margin:2px 0;color:var(--muted);font-size:7px}.activity-item time{color:var(--dim);font-size:6.5px}
.priority-list{display:grid;gap:6px}.priority-row{width:100%;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:right;color:var(--text);background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:9px}.priority-row:hover{background:rgba(59,130,246,.035);border-color:rgba(96,165,250,.16)}.priority-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.red-priority{color:#fca5a5;background:rgba(239,68,68,.06)}.amber-priority{color:#fde68a;background:rgba(234,179,8,.06)}.violet-priority{color:#c4b5fd;background:rgba(139,92,246,.06)}.priority-row strong{display:block;font-size:9px}.priority-row small{display:block;color:var(--muted);font-size:7px}.priority-row b{color:var(--blue2);font-size:7px}
.unit-performance{display:grid;gap:7px}.unit-performance>div{padding:9px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:rgba(255,255,255,.013);border:1px solid rgba(96,165,250,.06);border-radius:9px}.unit-badge{width:42px;height:34px;display:grid;place-items:center;color:var(--blue2);background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.13);border-radius:8px;font-size:8px;font-weight:800}.unit-performance strong{display:block;font-size:8px}.unit-performance small{display:block;color:var(--muted);font-size:6.5px}.unit-performance b{font-size:7px;color:var(--blue2)}.unit-performance i{grid-column:2/-1;height:4px;background:rgba(255,255,255,.04);border-radius:99px}.unit-performance u{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:inherit}
.v5-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v5-quick-actions button{min-height:62px;padding:9px;display:flex;align-items:center;gap:8px;text-align:right;color:var(--text);background:rgba(255,255,255,.014);border:1px solid rgba(96,165,250,.07);border-radius:9px}.v5-quick-actions button:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.18)}.v5-quick-actions>button>span{width:32px;height:32px;display:grid;place-items:center;color:var(--blue2);background:rgba(59,130,246,.06);border-radius:8px}.v5-quick-actions strong{display:block;font-size:8px}.v5-quick-actions small{display:block;color:var(--muted);font-size:6.5px}
.v5-hero-stats{display:flex;gap:7px;position:relative;z-index:2}.v5-hero-stats>span{min-width:105px;padding:10px 12px;text-align:center;background:rgba(255,255,255,.025);border:1px solid rgba(96,165,250,.12);border-radius:10px}.v5-hero-stats small{display:block;color:var(--muted);font-size:7px}.v5-hero-stats strong{display:block;margin-top:2px;font-size:18px}.v5-hero-stats .danger{border-color:rgba(239,68,68,.16);background:rgba(239,68,68,.04)}.v5-hero-stats .danger strong{color:#fca5a5}
.v5-toolbar{margin:12px 0;display:flex;align-items:center;gap:7px}.v5-search-field{height:42px;flex:1;padding:0 11px;display:flex;align-items:center;gap:7px;background:#070c18;border:1px solid var(--v5-border-strong);border-radius:9px}.v5-search-field input{width:100%;border:0;font-size:9px}.v5-filter-group,.v5-tabs{display:flex;gap:5px;flex-wrap:wrap}.v5-filter-group button,.v5-tabs button{height:33px;padding:0 9px;color:var(--muted);background:rgba(255,255,255,.016);border:1px solid var(--line);border-radius:8px;font-size:7.5px}.v5-filter-group button.active,.v5-tabs button.active{color:#fff;background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.42)}.v5-primary{height:36px;padding:0 11px;color:#fff;background:linear-gradient(180deg,#3485f6,#1d67cf);border:1px solid #3b82f6;border-radius:8px;font-size:8px;font-weight:800}.v5-primary.full{width:100%}
.citizen-summary-strip{margin-bottom:8px;padding:8px 10px;display:flex;gap:14px;flex-wrap:wrap;background:rgba(255,255,255,.012);border:1px solid rgba(96,165,250,.06);border-radius:8px}.citizen-summary-strip span{color:var(--muted);font-size:7px}.citizen-summary-strip strong{color:#dbeafe;margin-right:3px}
.v5-citizen-list{display:grid;gap:7px}.v5-citizen-card{min-height:102px;padding:11px 12px;display:grid;grid-template-columns:auto 1.45fr .58fr .58fr auto;gap:10px;align-items:center;background:linear-gradient(90deg,rgba(59,130,246,.025),rgba(255,255,255,.012));border:1px solid var(--v5-border);border-radius:13px;transition:.16s}.v5-citizen-card:hover{transform:translateX(-2px);border-color:rgba(96,165,250,.25)}.wanted-citizen{border-color:rgba(239,68,68,.15);background:linear-gradient(90deg,rgba(239,68,68,.035),rgba(255,255,255,.012))}.citizen-photo{position:relative;width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(180deg,#15243a,#0b1421);border:1px solid rgba(96,165,250,.19);border-radius:13px;font-size:14px;font-weight:800}.danger-photo{background:linear-gradient(180deg,#241519,#100b0e);border-color:rgba(239,68,68,.18)}.citizen-photo i{position:absolute;left:-3px;bottom:-3px;width:13px;height:13px;border:3px solid #07101d;border-radius:50%}.clean-status{background:var(--green)}.wanted-dot{background:var(--red);box-shadow:0 0 10px rgba(239,68,68,.6)}.review-status{background:var(--amber)}.citizen-name-row{display:flex;align-items:center;gap:7px}.citizen-core h4{margin:0;font-size:12px}.citizen-core p{margin:3px 0;color:var(--muted);font-size:7px}.citizen-tags{display:flex;gap:4px;flex-wrap:wrap}.citizen-tags span{padding:4px 6px;color:#b8c5d8;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.045);border-radius:6px;font-size:6.5px}.citizen-stat{padding:7px;background:rgba(255,255,255,.012);border:1px solid rgba(96,165,250,.06);border-radius:8px}.citizen-stat small,.citizen-stat strong,.citizen-stat span{display:block}.citizen-stat small{color:var(--dim);font-size:6px}.citizen-stat strong{margin-top:2px;font-size:8px}.citizen-stat span{margin-top:2px;color:var(--muted);font-size:6px}.citizen-actions{display:grid;gap:4px}.citizen-actions button{min-width:88px;height:31px;color:#dbeafe;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.16);border-radius:7px;font-size:7px}.citizen-actions .secondary{color:var(--muted);background:rgba(255,255,255,.015);border-color:var(--line)}.citizen-actions .danger-outline{color:#fca5a5;background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.14)}
.v5-report-hero.compact{padding:18px 21px}.report-stepper{position:relative;z-index:2;display:flex;align-items:center;gap:6px}.report-stepper span{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:7px}.report-stepper b{width:23px;height:23px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:50%}.report-stepper span.active{color:#dbeafe}.report-stepper span.active b{color:#fff;background:var(--blue);border-color:var(--blue)}.report-stepper i{width:24px;height:1px;background:var(--line)}.report-mini-kpis{display:flex;gap:5px;position:relative;z-index:2}.report-mini-kpis span{min-width:73px;padding:8px;text-align:center;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:8px}.report-mini-kpis small{display:block;color:var(--muted);font-size:6px}.report-mini-kpis strong{display:block;font-size:14px}.v5-report-panel{margin-top:10px}.v5-report-panel .section-block{border-top-color:rgba(96,165,250,.1)}.v5-report-panel .suspect-card{background:linear-gradient(90deg,rgba(59,130,246,.025),rgba(255,255,255,.012))}
.v5-tabs{margin:12px 0}
.audit-dashboard{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.audit-timeline{display:grid;gap:6px}.audit-timeline>div{padding:9px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:rgba(255,255,255,.013);border:1px solid rgba(96,165,250,.06);border-radius:9px}.audit-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.archive-mark{color:#7dd3fc;background:rgba(56,189,248,.06)}.edit-mark{color:#fde68a;background:rgba(234,179,8,.06)}.user-mark{color:#c4b5fd;background:rgba(139,92,246,.06)}.report-mark{color:#fca5a5;background:rgba(239,68,68,.06)}.audit-timeline strong{display:block;font-size:8px}.audit-timeline p{margin:2px 0;color:var(--muted);font-size:6.5px}.audit-timeline small{color:var(--dim);font-size:6px}.audit-timeline time{color:var(--dim);font-size:6px}.storage-ring{width:135px;height:135px;margin:5px auto 14px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#3b82f6 0 68%,rgba(255,255,255,.05) 68% 100%);position:relative}.storage-ring:after{content:"";position:absolute;inset:17px;background:#07101d;border-radius:50%}.storage-ring span{position:relative;z-index:2;text-align:center}.storage-ring strong{display:block;font-size:19px}.storage-ring small{color:var(--muted);font-size:7px}.archive-stats{display:grid;gap:5px;margin-bottom:9px}.archive-stats div{padding:7px;display:flex;justify-content:space-between;background:rgba(255,255,255,.012);border:1px solid rgba(96,165,250,.06);border-radius:7px}.archive-stats span{color:var(--muted);font-size:6.5px}.archive-stats strong{font-size:7px}
.v5-popover{position:fixed;top:82px;left:28px;z-index:80;width:330px;padding:10px;display:none;background:linear-gradient(180deg,#0a1426,#07101d);border:1px solid rgba(96,165,250,.22);border-radius:13px;box-shadow:0 25px 70px rgba(0,0,0,.45)}.v5-popover.open{display:block;animation:fade .15s ease}.popover-head{padding:2px 3px 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.popover-head strong{font-size:10px}.popover-head button{width:26px;height:26px;color:var(--muted);background:transparent;border:0}.popover-list{display:grid;gap:5px;margin-top:7px}.popover-list button{padding:8px;display:grid;grid-template-columns:auto 1fr;gap:8px;text-align:right;color:var(--text);background:rgba(255,255,255,.012);border:1px solid rgba(96,165,250,.06);border-radius:8px}.popover-list strong{display:block;font-size:8px}.popover-list small{display:block;color:var(--muted);font-size:6.5px}.notif-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.notif-icon.amber{color:#fde68a;background:rgba(234,179,8,.06)}.notif-icon.red{color:#fca5a5;background:rgba(239,68,68,.06)}.notif-icon.violet{color:#c4b5fd;background:rgba(139,92,246,.06)}
.v5-toast-container{position:fixed;left:24px;bottom:24px;z-index:120;display:grid;gap:7px}.v5-toast{min-width:280px;padding:10px 12px;display:flex;align-items:center;gap:8px;background:#0a1425;border:1px solid rgba(96,165,250,.2);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.35);animation:toastIn .2s ease}.v5-toast i{width:9px;height:9px;background:var(--green);border-radius:50%}.v5-toast strong{display:block;font-size:8px}.v5-toast small{display:block;color:var(--muted);font-size:6px}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.modal{border-radius:17px}.modal-header h3{font-size:18px}.preview-meta>div,.preview-totals>div{background:rgba(255,255,255,.014)}
/* Global refinements for existing V4 pages */
.v4-hero,.wanted-hero,.roster-hero,.admin-hero,.analytics-hero{border-radius:20px;box-shadow:var(--v5-shadow)}
.v4-protocol,.v4-penal,.v4-law-card,.v4-role-card,.v4-ranks article,.v4-status-grid article,.v4-wing-grid article,.officer-row-pro,.wanted-profile-card,.vehicle-card,.placeholder-card{transition:.16s}
.v4-protocol:hover,.v4-penal:hover,.v4-law-card:hover,.v4-role-card:hover,.officer-row-pro:hover,.wanted-profile-card:hover,.vehicle-card:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.26)}
.v4-admin-row{min-height:42px}.v4-admin-row.head{position:sticky;top:0;z-index:2;background:#0b1528}
.report-tabs,.segmented-control{background:rgba(255,255,255,.012)}
.table-wrap table tbody tr{transition:.15s}.table-wrap table tbody tr:hover{background:rgba(59,130,246,.035)}
input:focus,textarea:focus,select:focus{border-color:rgba(96,165,250,.55)!important;box-shadow:0 0 0 3px rgba(59,130,246,.07)}
button{transition:.14s ease}button:active{transform:scale(.98)}
.v4-login-card{border-radius:22px;box-shadow:0 40px 120px rgba(0,0,0,.62),0 0 90px rgba(59,130,246,.07)}
.v4-login-actions button:hover{transform:translateY(-2px);filter:brightness(1.05)}
@media(max-width:1450px){.v5-kpi-grid{grid-template-columns:repeat(3,1fr)}.v5-citizen-card{grid-template-columns:auto 1.2fr .55fr auto}.v5-citizen-card .citizen-stat:nth-of-type(2){display:none}}
@media(max-width:1100px){.v5-dashboard-layout,.v5-dashboard-layout.second-row,.audit-dashboard{grid-template-columns:1fr}.v5-command-hero,.v5-section-hero,.v5-report-hero{align-items:flex-start;flex-direction:column}.shift-summary{width:100%}.v5-hero-stats{width:100%}.v5-toolbar{align-items:stretch;flex-direction:column}.v5-citizen-card{grid-template-columns:auto 1fr}.v5-citizen-card .citizen-stat{display:none}.citizen-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.v5-profile{min-width:220px}}
@media(max-width:700px){.v5-kpi-grid{grid-template-columns:1fr 1fr}.v5-quick-actions{grid-template-columns:1fr}.v5-hero-stats{display:grid;grid-template-columns:1fr 1fr}.report-stepper{flex-wrap:wrap}.report-stepper i{display:none}.v5-citizen-list .v5-citizen-card{grid-template-columns:1fr}.citizen-photo{width:55px}.citizen-actions{grid-column:auto}.v5-popover{left:12px;right:12px;width:auto}.v5-toast-container{left:12px;right:12px}.v5-toast{min-width:0}.v5-topbar{margin:-12px -12px 0;padding:12px}}