@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color:#26323b;font-synthesis:none;background:#f5f6f7;font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{color:#aeb9c1;background:#1b242b;flex-direction:column;flex:0 0 230px;width:230px;display:flex}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:76px;padding:18px;display:flex}.brand-mark{color:#1b242b;background:#e38a2c;border-radius:7px;place-items:center;width:30px;height:30px;font-size:24px;display:grid}.brand b{color:#fff;font-size:14.5px;display:block}.brand em{color:#e38a2c;font-style:normal}.brand small,.profile small{color:#7c8892;font-size:10.5px;display:block}nav{flex:1;padding:14px 10px}nav button{color:#aeb9c1;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:9px 12px;font-size:13.5px;display:flex}nav button svg{width:16px;height:16px}nav button:hover{color:#fff;background:#ffffff0f}nav button.active{color:#fff;background:#e38a2c29;font-weight:500;box-shadow:inset 2px 0 #e38a2c}.profile{border-top:1px solid #ffffff14;align-items:center;gap:9px;padding:12px 18px;display:flex}.profile>span{color:#fff;background:#3a4a55;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.profile b{color:#dde3e7;font-size:12.5px;display:block}main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e6e9;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px 28px;display:flex}.topbar h1{margin:0;font-size:19px}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select-chip{color:#4b5a64;background:#fff;border:1px solid #e2e6e9;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:500}.content{padding:24px 28px 60px}.kpis{grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:22px;display:grid}.kpi,.card{background:#fff;border:1px solid #e2e6e9;border-radius:8px;box-shadow:0 1px 2px #141a1f10}.kpi{padding:16px}.kpi>div{color:#7b8790;margin-bottom:8px;font-size:11.5px;font-weight:500}.kpi strong{font:600 26px/1 IBM Plex Mono,monospace;display:block}.kpi small{color:#7b8790;margin-top:6px;font-size:11px;display:block}.green,.text-green{color:#1e8e5a}.orange{color:#c06e17}.red,.text-red{color:#c43d3d}.text-amber{color:#b9790c}.card{margin-bottom:22px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.card h2{margin:0 0 2px;font-size:14.5px}.card p{color:#7b8790;margin:0 0 14px;font-size:12px}.live{color:#1e8e5a;font:11.5px IBM Plex Mono,monospace}.map svg{width:100%;height:auto;display:block}.legend{color:#4b5a64;border-top:1px solid #e2e6e9;flex-wrap:wrap;gap:16px;padding:10px 16px;font-size:11.5px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:9px;height:9px}.green-dot{background:#1e8e5a}.amber-dot{background:#b9790c}.gray-dot{background:#c7cdd1}@keyframes pulse{0%{opacity:.45;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.8)}}.live-dot{transform-origin:50%;transform-box:fill-box;animation:2.2s infinite pulse}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#7b8790;white-space:nowrap;border-bottom:1px solid #e2e6e9;padding:9px 14px;font-size:11px}td{white-space:nowrap;border-bottom:1px solid #edf0f2;padding:11px 14px}tr:last-child td{border:0}tbody tr:hover{background:#fafbfb}.strong{font-weight:600}.mono{color:#4b5a64;font:12.5px IBM Plex Mono,monospace}.progress{align-items:center;gap:8px;display:flex}.progress i{background:#edf0f2;border-radius:4px;width:80px;height:6px;display:block;overflow:hidden}.progress b{background:#e38a2c;height:100%;display:block}.lower-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.inset{padding:18px 20px}.trend{width:100%;height:170px;display:block}.event{border-bottom:1px solid #edf0f2;gap:12px;padding:12px 0;display:flex}.event:last-child{border:0}.event>i{border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.event-red{background:#c43d3d}.event-amber{background:#b9790c}.event b{font-size:13px;display:block}.event small{color:#7b8790;margin:2px 0 6px;font-size:11.5px;display:block}.operations{max-width:1180px}.operation-hero{background:linear-gradient(110deg,#fff,#fdf1e3);justify-content:space-between;align-items:center;gap:16px;padding:26px 28px;display:flex}.operation-hero h1{margin:3px 0;font-size:24px}.operation-hero p{color:#7b8790;margin:0}.eyebrow{letter-spacing:.08em;color:#c06e17;font:600 10px IBM Plex Mono,monospace}.modal-backdrop{z-index:5;background:#1b242b88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:min(420px,100%);padding:24px;box-shadow:0 14px 42px #0003}.modal h2{margin:0 0 4px}.modal>p{color:#7b8790;margin:0 0 20px;font-size:13px}.modal label{margin:12px 0;font-size:12px;font-weight:600;display:block}.modal input,.modal select{border:1px solid #d6dde1;border-radius:6px;width:100%;margin-top:5px;padding:9px 10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}@media (width<=1050px){.kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.sidebar{flex-basis:62px;width:62px}.brand{padding:16px}.brand>div:last-child,.profile>div,nav button{font-size:0}.brand b,.brand small{display:none}nav button{justify-content:center;padding:12px}.profile{padding:12px 17px}.topbar,.content{padding-left:16px;padding-right:16px}.lower-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.controls .select-chip{display:none}.card-head{flex-direction:column}.scroll{overflow:auto}}
