:root{--bg:#071827;--bg-2:#0b1f34;--surface:#0f2741;--surface-2:#13304f;--text:#e6edf3;--muted:#9fb2c6;--primary:#e8b400;--accent:#38bdf8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--low:#64748b;--radius:14px;--radius-sm:10px;--shadow:0 10px 30px rgba(2,12,22,.35)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(135deg,#061622 0%,#0b2136 50%,#102a45 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em}

.lang-switch{display:flex;gap:8px;align-items:center}
.lang-switch input{display:none}
input[name="lang"]{display:none}
.pill{background:rgba(255,255,255,.06);color:var(--text);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);backdrop-filter:saturate(140%) blur(6px);cursor:pointer;transition:.2s}
#lang-en:checked ~ .app .topbar .lang-switch label[for="lang-en"],
#lang-mr:checked ~ .app .topbar .lang-switch label[for="lang-mr"]{background:var(--primary);color:#0a1a2a;border-color:transparent}

.app{display:grid;grid-template-columns:280px 1fr;height:100vh}
.sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border-right:1px solid rgba(255,255,255,.08);padding:20px 16px;display:flex;flex-direction:column;gap:12px}
.brand{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:rgba(255,255,255,.05)}
.brand-text{font-weight:700}
.nav{display:flex;flex-direction:column;margin-top:8px}
.nav-item{display:flex;gap:10px;align-items:center;padding:12px 10px;color:var(--text);text-decoration:none;border-radius:12px;border:1px solid transparent}
.nav-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.nav-item.active{background:rgba(232,180,0,.15);border-color:rgba(232,180,0,.35)}
.icon{width:22px;height:22px;display:grid;place-items:center}
.icon svg{width:20px;height:20px;display:block;color:var(--text)}
.nav-item:hover .icon svg,.nav-item.active .icon svg{color:#0a1a2a}

.main{overflow:auto}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.title{font-size:20px;font-weight:700}
.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.top-actions>*{flex-shrink:1}
.search{flex:1 1 280px;max-width:600px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 14px;color:var(--text);outline:none}
.search::placeholder{color:var(--muted)}

.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px 24px}
.cards.dashboard{grid-template-columns:repeat(6,1fr)}
.cards.small{grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:var(--shadow);padding:16px}
.card-title{color:var(--muted);font-weight:600}
.card-value{font-size:32px;font-weight:800;letter-spacing:.02em}
.card-value.accent{color:var(--accent)}
.card-value.high{color:var(--warning)}
.card-value.critical{color:var(--danger)}
.card.case{display:flex;flex-direction:column;gap:8px}
.meta{display:flex;gap:8px;align-items:center;color:var(--muted)}

.hidden{display:none}

.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:0 24px 24px}
.panel{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:var(--shadow);padding:12px 12px 18px;margin:0 24px 24px}
.panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 8px;color:var(--muted);font-weight:600}
.panel-desc{color:var(--muted);font-size:12px;margin:0 8px 8px 8px}

.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table thead th{font-weight:700;text-align:left;color:var(--muted);padding:8px 10px}
.table tbody tr{background:rgba(255,255,255,.04)}
.table tbody td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.table input[type="checkbox"]{width:20px;height:20px;accent-color:#e8b400}
.link-open{color:var(--primary);text-decoration:underline;font-weight:700}
.link-open:hover{color:#fff}

.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:700;color:#0a1a2a}
.badge.low{background:#9aa7b4}
.badge.medium{background:#fbbf24}
.badge.high{background:#f59e0b}
.badge.critical{background:#ef4444}


.queue{display:flex;flex-direction:column;gap:10px;padding:6px}
.queue-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}
.queue-text{flex:1}
.btn{background:var(--primary);color:#0a1a2a;border:none;border-radius:999px;padding:8px 12px;font-weight:700}
.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--text)}
.btn.danger{background:#ef4444;color:#0a1a2a}
.card .btn{margin-top:10px}
.btn:focus,.search:focus{outline:3px solid rgba(232,180,0,.35);outline-offset:2px}

.footer{display:flex;gap:16px;align-items:center;justify-content:center;color:var(--muted);padding:18px}

@media (max-width: 1200px){.cards{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{grid-column:1}.main{grid-column:2}}
@media (max-width: 800px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translateX(-100%);opacity:.95}.main{grid-column:1}.topbar{padding:14px}.cards{grid-template-columns:1fr}.cards.dashboard{grid-template-columns:repeat(2,1fr)}.top-actions{gap:8px;flex-wrap:wrap}.search{flex:1 1 200px}}