*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#07111f;color:#eaf2fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;background:radial-gradient(circle at 82% 0%,#10294b,#07111f 42%,#050b15)}.loading-screen{min-height:100vh;display:grid;place-content:center;text-align:center;gap:16px}.loading-logo{width:76px;height:76px;border-radius:18px;margin:auto}.loading-pulse{height:4px;width:56px;border-radius:99px;margin:auto;background:#ef3f4c;animation:pulse 1.1s ease-in-out infinite}.loading-text{color:#9fb2ca;margin:0}@keyframes pulse{50%{opacity:.35;transform:scaleX(.6)}}.login-layout{min-height:100vh;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;padding:44px}.login-hero{max-width:540px}.hero-logo{width:82px;height:82px;border-radius:20px;margin-bottom:24px}.eyebrow{margin:0 0 7px;color:#65a8ff;letter-spacing:.12em;font-size:11px;font-weight:800}.hero-title{margin:0 0 16px;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em}.hero-sub{color:#a6b8cf;font-size:17px;line-height:1.6}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-badges span{border:1px solid #23476e;background:#0b1b30;color:#b7d8ff;border-radius:999px;padding:8px 11px;font-size:12px}.login-card{background:linear-gradient(160deg,#132239,#0c1728);border:1px solid #274563;box-shadow:0 24px 80px #0008;border-radius:22px;padding:32px}.login-card h2{margin:0 0 8px;font-size:25px}.login-card p{color:#a5b6ca;line-height:1.5}.form-group{margin-top:16px}.form-group label{color:#c8d8e8;display:block;font-size:13px;font-weight:700;margin-bottom:7px}.optional{color:#7891ab;font-weight:500}.input-field,.textarea{width:100%;color:#edf5ff;background:#081321;border:1px solid #385570;border-radius:10px;padding:13px;outline:none}.input-field:focus,.textarea:focus{border-color:#66a8ff;box-shadow:0 0 0 3px #3b82f62b}.btn-primary{width:100%;margin-top:22px;border:0;border-radius:10px;padding:14px;background:linear-gradient(90deg,#e53442,#ff5965);color:#fff;font-weight:800}.btn-primary:disabled{opacity:.5}.login-note{font-size:12px;text-align:center;color:#7990a8}.error-msg{display:flex;justify-content:space-between;gap:10px;background:#4a1921;border:1px solid #96404a;color:#ffc4c8;padding:11px;border-radius:10px;margin-top:14px}.error-msg button{border:0;color:inherit;background:transparent}.btn-ghost,.btn-danger,.btn-verify,.btn-dismiss-btn,.btn-action,.btn-end-small,.text-button{border-radius:8px;padding:9px 12px;border:1px solid #35536f;background:#11243a;color:#d4e3f2}.btn-action:hover,.text-button:hover{border-color:#75b4ff}.btn-end-small{background:#3a1720;border-color:#76313d;color:#ffb7be}.btn-danger,.btn-dismiss-btn{background:#521f29;border-color:#9e3642;color:#ffd3d7}.btn-verify{background:#133f34;border-color:#237a62;color:#a7f2d0}.text-button{color:#8fc1ff;background:transparent;border:0}.btn-action:disabled{opacity:.5}.dashboard-shell{display:grid;grid-template-columns:238px minmax(0,1fr)}.dashboard-sidebar{min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid #1c334b;background:linear-gradient(180deg,#071422,#08101c)}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 22px;font-weight:800;font-size:23px}.brand img{width:34px;height:34px;border-radius:9px}.sidebar-context{display:flex;gap:9px;padding:14px 10px;border:1px solid #203b55;background:#0b1a2b;border-radius:12px;margin-bottom:20px}.sidebar-context strong,.sidebar-context small{display:block}.sidebar-context small{color:#85a0bb;margin-top:3px;font-size:11px}.context-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#3be38d;box-shadow:0 0 10px #3be38d}.dashboard-sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;background:transparent;border:0;color:#9db3ca;border-radius:9px}.nav-item span{width:18px;color:#7b99b7}.nav-item b{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:99px;font-size:11px;text-align:center;color:#fff;background:#df3544}.nav-item.active{color:#fff;background:linear-gradient(90deg,#da3344,#b9283a);box-shadow:0 8px 24px #b9283a48}.nav-item.active span{color:#fff}.sidebar-footer{margin-top:auto;padding:13px 10px 4px;color:#60e3a0;font-size:12px}.sidebar-footer small{display:block;color:#6f89a3;margin-top:4px}.dashboard-main{padding:32px;overflow-x:hidden}.dashboard-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.dashboard-header h1{margin:0;font-size:clamp(27px,3vw,38px);letter-spacing:-.04em}.dashboard-header p{color:#94abc3;margin:7px 0 0}.header-actions{display:flex;gap:9px}.metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{position:relative;padding:18px;min-height:112px;background:linear-gradient(145deg,#12243a,#0d1b2d);border:1px solid #203c57;border-radius:14px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-24px;top:-26px;width:85px;height:85px;background:currentColor;opacity:.08;border-radius:50%}.metric-value{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em}.metric-label{display:block;color:#a6b8cb;font-size:13px;margin-top:7px}.metric-note{display:block;color:#7690a9;font-size:11px;margin-top:6px}.metric-card.red{color:#ff6671}.metric-card.amber{color:#fbb54f}.metric-card.green{color:#59e19e}.metric-card.blue{color:#72a9ff}.dashboard-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.dashboard-columns .dashboard-panel:last-child{grid-column:span 2}.dashboard-panel{background:linear-gradient(145deg,#101f33,#0b1728);border:1px solid #203b55;border-radius:14px;padding:18px}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.panel-title h2,.actions-panel h2,.queue-panel h2,.settings-panel h2{margin:0;font-size:19px;letter-spacing:-.025em}.compact-list{display:grid;gap:8px}.compact-incident,.history-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px 0;border-top:1px solid #1d354e}.compact-incident:first-child{border-top:0}.compact-incident strong,.history-row strong{display:block;font-size:13px}.compact-incident span,.history-row span{display:block;color:#7f98b0;font-size:11px;margin-top:3px}.compact-incident p,.history-row p{grid-column:1 / -1;margin:0;color:#b5c7d9;font-size:13px;line-height:1.4}.status-pill{align-self:start;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;text-transform:capitalize}.status-pill.pending{background:#4b3617;color:#ffd27c}.status-pill.verified{background:#133d32;color:#94efc5}.status-pill.dismissed{background:#243345;color:#aebfd0}.ring-wrap{text-align:center}.ring{--ring-value: 0deg;width:126px;height:126px;display:grid;place-items:center;margin:8px auto 10px;border-radius:50%;background:conic-gradient(#4fe096 var(--ring-value),#20364c 0);position:relative}.ring:before{content:"";width:94px;height:94px;position:absolute;background:#0d1b2d;border-radius:50%}.ring span{position:relative;z-index:1;font-weight:800;font-size:23px}.ring-wrap p{color:#8fa7be;font-size:12px}.mini-status{display:grid;gap:8px;margin-top:12px}.mini-status span{display:flex;align-items:center;justify-content:space-between;color:#a9bdd0;font-size:12px}.mini-status i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.green{background:#54df9c}.amber{background:#fbb54f}.slate{background:#8da3bb}.bar-row{display:grid;grid-template-columns:90px 1fr 20px;gap:9px;align-items:center;margin:11px 0;font-size:12px;color:#a9bfd4}.bar-row div{height:7px;background:#1d354c;border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#ff4958,#f5a83d);border-radius:inherit}.bar-row b{font-size:12px;color:#e7f0f9}.actions-panel{display:flex;justify-content:space-between;align-items:center;gap:18px}.action-buttons{display:flex;gap:9px;flex-wrap:wrap}.queue-panel,.settings-panel{min-height:420px}.queue-card{margin-top:12px;padding:16px;border:1px solid #27445e;border-left:3px solid #f3aa43;border-radius:11px;background:#0b1929}.queue-card-top{display:flex;justify-content:space-between;gap:12px}.queue-card h3{display:inline;margin:0 0 0 8px}.queue-card p{color:#9bb2c8;margin:7px 0;font-size:13px}.incident-id{color:#70a9ff;font-size:12px;font-weight:800}.queue-card-top p{margin:3px 0;color:#7890a8;font-size:11px}.queue-meta,.queue-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.queue-meta{color:#8da6bd;font-size:12px}.privacy-flag{color:#7eb7ff}.queue-actions{margin-top:13px}.settings-panel>p{color:#a9bfd2;max-width:680px;line-height:1.6}.permission-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.permission-list span{border:1px solid #215c55;background:#10342e;color:#a0ecd0;border-radius:99px;padding:7px 10px;font-size:12px}.settings-callout{margin-top:22px;padding:15px;border-left:3px solid #66a8ff;background:#102742;border-radius:8px}.settings-callout p{color:#a7c1de;font-size:13px;line-height:1.5}.empty-state{text-align:center;padding:34px 15px;color:#90a9c0}.empty-state h3{color:#d9e8f5;margin:7px 0;font-size:16px}.empty-state p{margin:0;font-size:13px}.empty-icon{font-size:26px;color:#5e8cba}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;padding:20px;display:grid;place-items:center;background:#000b}.modal-card{width:min(460px,100%);background:#102036;border:1px solid #31506d;border-radius:16px;padding:22px}.modal-card h3{margin-top:0}.modal-card p{color:#9db4cb}.textarea{min-height:110px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.role-guidance{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:17px 19px;margin:0 0 14px;border:1px solid #295476;border-radius:14px;background:linear-gradient(110deg,#0f2841,#0c1b2e)}.role-guidance h2{margin:0;font-size:18px}.role-guidance p:not(.eyebrow){max-width:720px;color:#aac0d6;line-height:1.5;margin:6px 0 0;font-size:13px}.role-guidance>span{flex:0 0 auto;color:#aee5ff;font-weight:700;font-size:12px;padding:7px 10px;border:1px solid #3f789b;border-radius:999px}.role-guidance.director{border-color:#6c4d9c;background:linear-gradient(110deg,#211a3a,#0d1a2d)}.role-guidance.director>span{color:#d7bcff;border-color:#7459a4}.role-guidance.superintendent{border-color:#8a6437;background:linear-gradient(110deg,#2b2114,#0d1a2d)}.role-guidance.superintendent>span{color:#ffd08a;border-color:#956a35}@media (max-width: 920px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{position:sticky;z-index:4;height:auto;min-height:auto;padding:10px 15px;flex-direction:row;align-items:center;gap:13px}.brand{padding:0;font-size:17px}.sidebar-context,.sidebar-footer{display:none}.dashboard-sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-item{white-space:nowrap;padding:8px 10px}.dashboard-main{padding:22px 16px}.dashboard-columns{grid-template-columns:1fr}.dashboard-columns .dashboard-panel:last-child{grid-column:auto}.metrics-row{grid-template-columns:repeat(2,1fr)}.actions-panel{align-items:flex-start;flex-direction:column}.login-layout{grid-template-columns:1fr;gap:30px;padding:26px 18px}.hero-title{font-size:36px}}@media (max-width: 520px){.dashboard-header{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.metrics-row{gap:8px}.metric-card{min-height:96px;padding:14px}.metric-value{font-size:24px}.dashboard-sidebar nav .nav-item span{display:none}.dashboard-sidebar nav .nav-item{font-size:12px}.bar-row{grid-template-columns:72px 1fr 16px}}