:root{--bg:#061225;--surface:#0c1c34;--panel:#102641;--panel2:#132c49;--line:#24415f;--text:#eaf3ff;--muted:#7890ad;--cyan:#22c7d8;--blue:#2878ff;--red:#ff4059;--orange:#ff812d;--green:#1fd18b;--yellow:#ffd21f;--shadow:0 14px 32px #02081766;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}.topbar{height:56px;border-bottom:1px solid #22354d;background:#071326;display:flex;align-items:center;gap:24px;padding:0 18px;position:fixed;inset:0 0 auto 0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:235px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#2ce1e0,#0d769c);font-size:11px;font-weight:900;line-height:11px}.brand small,.user small{display:block;color:var(--muted);font-size:10px}.top-title span,.active-call{color:var(--muted)}.live,.badge{border-radius:10px;padding:5px 10px;font-size:11px;font-weight:700}.live,.badge.danger{color:#ff5d6e;background:#451a2a}.live i,.system-ok i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.topbar time{margin-left:auto;letter-spacing:2px}.user{text-align:right}.sidebar{position:fixed;left:0;top:56px;bottom:0;width:195px;background:#08182a;border-right:1px solid #20354b;padding:12px 7px;z-index:9}.sidebar nav{display:grid;gap:7px}.sidebar a{display:flex;align-items:center;gap:11px;color:#8da4bf;text-decoration:none;padding:13px 11px;border-radius:8px;white-space:nowrap;overflow:hidden}.sidebar a span{color:#45b7e8;font-size:18px}.sidebar a.active{color:#29d4dd;background:#102a3d;border-left:3px solid var(--cyan)}.sidebar em{margin-left:auto;background:var(--red);color:white;border-radius:50%;font-style:normal;width:18px;height:18px;text-align:center;font-size:11px;line-height:18px}.system-ok{color:var(--green);background:#0b302e;border:1px solid #15514c;border-radius:8px;padding:8px 12px;font-size:12px}.sidebar>.system-ok{position:absolute;bottom:10px;left:7px;right:7px}.sidebar.slim{width:64px}.sidebar.slim a{display:grid;justify-items:center;gap:4px;padding:10px 4px;font-size:10px}.sidebar.slim a span{font-size:19px}.operator-grid{margin:56px 0 0 195px;padding:8px;display:grid;grid-template-columns:230px minmax(440px,1fr) 318px;gap:10px;height:calc(100vh - 56px);overflow:hidden}.stack{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}.panel,.metric-grid article{background:linear-gradient(145deg,var(--panel),#0c1c31);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.panel{padding:14px}.panel h2{font-size:14px;margin:0 0 16px}.panel h3{font-size:11px;color:#79a4c9;letter-spacing:.7px;margin:0 0 12px}.incoming{text-align:center}.red-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red)}.phone-icon{font-size:40px;color:#ff4c9e;margin:12px}.caller{font-size:24px;letter-spacing:4px}.button-row{display:flex;gap:7px}.btn{border:0;border-radius:8px;padding:13px 18px;color:white;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#20c3d0,#25aaca)}.btn.secondary{background:#103651;border:1px solid #24728b;color:#39d3dc}.btn.danger-outline{background:#342036;border:1px solid #5e2c49;color:#ff5d6e}.btn:active{transform:translateY(1px)}.compact p,.compact li{color:#9bb0c8;font-size:12px}.compact ul{padding-left:17px}.badge.warning{background:#4a2b1b;color:#ff983f}.badge.teal{background:#0d3e4d;color:#32d6e0;float:right}.form-panel{overflow:auto;padding-bottom:72px}.form-panel h2{color:#29c9d6;letter-spacing:.8px}label,legend{display:block;color:#8198b3;font-size:12px;margin-bottom:10px}input,select,textarea{width:100%;background:#08182d;border:1px solid #213955;border-radius:6px;color:var(--text);padding:11px;margin-top:6px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #20c5d522}textarea{height:78px;resize:vertical}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr .7fr}fieldset{border:0;padding:0;margin:4px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips label{padding:8px 12px;background:#1b334f;border-radius:15px;cursor:pointer}.chips input{display:none}.chips label:has(input:checked){background:#1cb9c5;color:white}.priority label:first-child:has(input:checked){background:var(--red)}.priority label:nth-child(2):has(input:checked){background:var(--orange)}.sticky-actions{position:sticky;bottom:-72px;margin:12px -14px -72px;padding:10px 14px;background:#10213a;display:flex;justify-content:center;gap:8px;border-top:1px solid var(--line)}.map-grid{height:210px;background-color:#102038;background-image:linear-gradient(#28415e55 1px,transparent 1px),linear-gradient(90deg,#28415e55 1px,transparent 1px);background-size:22px 22px;position:relative;overflow:hidden}.map-pin,.unit{position:absolute;border-radius:12px;padding:4px 7px;font-size:10px}.map-pin{left:48%;top:48%;background:var(--red);font-weight:900}.unit{background:#075d82;color:#c7efff}.u1{left:55%;top:25%}.u2{left:18%;top:62%}.u3{right:8%;bottom:13%}.cctv{padding:10px;border-bottom:1px solid #24415f}.cctv small{display:block;color:var(--muted)}.cctv span{float:right;color:var(--cyan);font-size:9px}.cctv.selected{background:#12394a;border:1px solid #1a6372;border-radius:7px}.ai-card{border-color:#1d6170}.transcript{font-size:12px;line-height:1.6;color:#a9c0d6}.toast{position:fixed;right:20px;bottom:20px;background:#102c42;border:1px solid var(--cyan);border-radius:8px;padding:12px 18px;opacity:0;transform:translateY(12px);transition:.2s;z-index:99}.toast.show{opacity:1;transform:none}.dashboard-main,.resolution-main{margin:56px 0 0 64px;padding:25px 28px}.page-heading{position:relative;margin-bottom:18px}.page-heading h1,.page-heading h2{margin:0 0 5px}.page-heading p{margin:0;color:var(--muted)}.page-heading>.badge{position:absolute;right:0;top:0}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric-grid article{padding:17px}.metric-grid strong{display:block;color:#36a0ff;font-size:27px;margin:7px 0}.metric-grid small{color:#8299b4}.metric-grid .red strong{color:var(--red)}.metric-grid .green strong{color:var(--green)}.metric-grid .yellow strong{color:var(--yellow)}.dashboard-grid{display:grid;grid-template-columns:3fr 1fr;gap:12px;margin-top:14px}.three-cols{grid-template-columns:1.1fr 1.1fr .9fr}.chart-panel{min-height:275px}.bars{height:205px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #24415f;padding-top:25px}.bars i{width:11%;height:var(--v);background:linear-gradient(#2264b4,#123568);position:relative;font-style:normal}.bars i.hot{background:linear-gradient(#59a5ff,#196bd4)}.bars b{position:absolute;top:-21px;width:100%;text-align:center;color:#658fc4;font-size:10px}.bars small{position:absolute;bottom:-24px;width:100%;text-align:center;color:var(--muted)}.gauge{width:120px;height:120px;border:13px solid #0a2b4d;border-top-color:#21d5c2;border-left-color:#21d5c2;border-radius:50%;display:grid;place-content:center;margin:20px auto}.gauge strong{font-size:28px;text-align:center}.gauge small{color:var(--muted)}.split{display:flex;justify-content:space-around;text-align:center}.split span{display:grid}.split b{color:var(--cyan)}.split span:last-child b{color:var(--red)}.split small{color:var(--muted);font-size:9px}.donut{width:100px;height:100px;border:18px solid #1d72d8;border-right-color:#f4c20d;border-top-color:#ef8e0b;border-radius:50%;display:grid;place-content:center;float:left;margin:4px 20px 0 5px}.donut strong{text-align:center}.donut small{display:block;color:var(--muted)}.legend{list-style:none;padding:0}.legend li{padding:6px;color:#9db0c5}.legend b{float:right}.legend i{display:inline-block;width:8px;height:8px;margin-right:6px}.c1{background:#ef3d55}.c2{background:#f7b500}.c3{background:#4968ed}.progress label{display:flex;justify-content:space-between;margin:10px 0 4px}.progress i{display:block;background:#0b1930;height:4px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#ef3e55,#ffca17)}.patrol-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.patrol-stats span{display:grid;text-align:center;background:#102a43;padding:8px;font-size:9px}.patrol-stats b{color:var(--cyan);font-size:18px}.unit-list{list-style:none;padding:0}.unit-list li{padding:7px}.unit-list em{float:right;color:var(--orange)}.spacer{flex:1}.teal-text{color:var(--green)}.case-list{display:grid;gap:12px}.case{width:100%;position:relative;text-align:left;border:1px solid #25364d;border-left:3px solid var(--orange);background:#0b1629;color:var(--text);padding:17px;border-radius:8px;cursor:pointer}.case.critical{border-left-color:var(--red)}.case.normal{border-left-color:var(--green)}.case>b{display:block;font-size:15px}.case em{font-size:10px;font-style:normal;padding:4px 7px;border-radius:4px;background:#492030;color:#ff596d;margin-left:7px}.case.urgent em{background:#4a2e1b;color:#ff943e}.case.normal em{background:#123c30;color:#31d790}.case time{position:absolute;right:16px;top:18px;color:#6d809b;font-size:11px}.case span,.case strong,.case small{display:block;margin-top:10px}.case span,.case small{color:#71839e}.case small i{float:right;font-style:normal}.case:hover{background:#10213a;border-color:#34516f}.citizen-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#0b2b4b,#061225 55%)}.phone-frame{width:min(390px,100%);height:min(820px,100vh);background:#071f36;border:1px solid #173550;border-radius:48px 48px 0 0;position:relative;display:grid;place-items:center;box-shadow:0 30px 70px #0008}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:122px;height:30px;background:#000;border-radius:0 0 22px 22px}.login-card{width:82%;text-align:center}.app-icon{width:80px;height:80px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#ff283f,#e6001d);font-size:28px;font-weight:900;margin:0 auto 34px}.login-card h1{font-size:26px;margin:0}.login-card>p{color:#8498b0}.login-card label{text-align:left;background:#17334a;border:1px solid #35536b;border-radius:16px;padding:20px 16px;margin-top:30px}.phone-input{display:flex;align-items:center;gap:20px;margin-top:8px}.phone-input b{display:grid;color:white}.phone-input b small{font-size:16px}.phone-input input{margin:0;border:0;background:transparent;font-size:20px;padding:5px}.mobile-primary{width:100%;margin:16px 0 28px;background:linear-gradient(90deg,#2e89ff,#1653f1);font-size:16px}.login-card>a{color:#8093ab;text-decoration:none}@media(max-width:1050px){.operator-grid{grid-template-columns:220px minmax(400px,1fr)}.operator-grid>.stack:last-child{display:none}.metric-grid{grid-template-columns:repeat(3,1fr)}.three-cols{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.topbar .top-title,.topbar .active-call,.topbar .live{display:none}.sidebar{width:64px}.sidebar a{display:grid;justify-items:center;font-size:0}.sidebar a span{font-size:18px}.operator-grid{margin-left:64px;grid-template-columns:1fr;height:auto;overflow:visible}.operator-grid>.stack:first-child{display:none}.dashboard-main,.resolution-main{padding:16px 10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.case time{position:static;display:block;margin-top:6px}.case small i{float:none;display:block;margin-top:5px}}