:root{--bg:#06131f;--navy:#081b2c;--card:#0d2234;--line:#16354b;--teal:#00d1c2;--green:#28c76f;--amber:#ffc107;--red:#ff4d4f;--purple:#7657e8;--text:#f4f8fb;--muted:#91a9ba}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#0a2536,#06131f 48%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh}.sidebar{width:260px;background:#05101a;border-right:1px solid var(--line);padding:28px 18px;position:fixed;top:0;bottom:0}.brand{display:flex;gap:13px;align-items:center;margin:0 10px 30px}.brand .shield{width:45px;height:50px;border:2px solid var(--teal);border-radius:14px 14px 20px 20px;display:grid;place-items:center;color:var(--teal);font-size:28px;font-weight:800}.brand b{font-size:25px}.brand span{display:block;letter-spacing:5px;color:var(--teal);font-size:10px}nav{display:grid;gap:5px}nav a{padding:12px 14px;border-radius:10px;color:var(--muted);cursor:pointer}nav a.active,nav a:hover{background:#0c2838;color:var(--teal)}.foot{position:absolute;bottom:24px;color:#5f7f91;font-size:11px;padding:0 10px}main{margin-left:260px;padding:34px 40px;width:calc(100% - 260px);max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header small{color:var(--teal);letter-spacing:1.5px}h1{margin:5px 0 0;font-size:30px}.badge{border:1px solid var(--line);border-radius:99px;padding:8px 13px;color:var(--muted)}.badge.ok{color:var(--green);border-color:#1a6842}.situation{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#0b3c28,#083421);border:1px solid #167246}.situation .bigicon{width:48px;height:48px;border:2px solid var(--green);border-radius:16px;display:grid;place-items:center;color:var(--green);font-size:26px}.situation h2{margin:0}.situation p{margin:4px 0;color:#b7dbc7}.situation button{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics article,.panel{background:linear-gradient(180deg,#0d2335,#0a1c2b);border:1px solid var(--line);border-radius:16px;padding:18px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:30px;color:var(--teal)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel h3{margin-top:0}.panel p{color:var(--muted);line-height:1.5}.risk,.authority{display:flex;justify-content:space-between;background:#091925;border-radius:12px;padding:13px}.risk b{color:var(--red)}.authority b{color:var(--amber)}.risk span,.authority span{color:var(--muted);font-size:12px}button{border:1px solid var(--teal);background:transparent;color:var(--text);border-radius:10px;padding:10px 14px;cursor:pointer}button:hover{background:#073b3d}.five{margin-top:22px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);padding-top:20px}.five div{text-align:center;color:var(--teal);font-size:20px}.five b{display:block;color:var(--text);font-size:13px;margin-top:8px}@media(max-width:900px){.sidebar{display:none}main{margin:0;width:100%;padding:22px}.metrics,.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.metrics,.grid,.five{grid-template-columns:1fr}.situation{align-items:flex-start}.situation button{display:none}}
.header-actions{display:flex;gap:10px;align-items:center}.lang{background:#10243a;border:1px solid #22d3c5;color:#dff;padding:8px 12px;border-radius:12px}.situation.danger{background:linear-gradient(90deg,#3a1017,#151c2c);border-color:#7f1d1d}.panel.wide{grid-column:span 2}.timeline{display:grid;gap:8px}.event,.device,.mini,.commercial-status{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.event span,.event em,.device span,.device small,.mini span,.commercial-status span{color:#8da4b8;font-size:12px}.device,.mini,.commercial-status{grid-template-columns:1fr}.device b,.mini b,.commercial-status b{color:#eef9ff}@media(max-width:900px){.panel.wide{grid-column:span 1}.sidebar{display:none}main{margin-left:0}}

.matrixchips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #234b59;border-radius:999px;padding:7px 10px;background:#0e1e27;font-size:12px;text-transform:capitalize}.chip b{color:#5ee0ec;margin-right:5px}

.hidden{display:none!important}.workspace{min-height:650px}.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.workspace-head h2{font-size:28px;margin:5px 0}.workspace-head p{color:var(--muted);margin:0}.workspace-body{display:grid;gap:16px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workspace-card{background:linear-gradient(180deg,#0d2335,#0a1c2b);border:1px solid var(--line);border-radius:16px;padding:18px}.workspace-card h3{margin-top:0}.data-list{display:grid;gap:8px}.data-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.07);background:#091925;border-radius:12px}.data-row span,.data-row small{color:var(--muted)}.data-row b{color:#eef9ff}.status-ok{color:var(--green)!important}.status-warn{color:var(--amber)!important}.status-risk{color:var(--red)!important}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#071724;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px}.form-grid textarea{min-height:90px;grid-column:span 2}.form-actions{grid-column:span 2}.source-pill{display:inline-block;border:1px solid #285064;border-radius:99px;padding:5px 8px;color:var(--muted);font-size:11px}.nav-group{margin:12px 14px 4px;color:#4d7186;font-size:10px;text-transform:uppercase;letter-spacing:1px}.empty{color:var(--muted);padding:12px 0}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;word-break:break-all}.workspace-table{width:100%;border-collapse:collapse}.workspace-table th,.workspace-table td{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.workspace-table th{color:var(--muted);font-size:12px}@media(max-width:800px){.workspace-grid,.form-grid{grid-template-columns:1fr}.form-grid textarea,.form-actions{grid-column:span 1}}