:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9eef7;background:#080b11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:1px solid #33405a;background:#182033;color:#edf3ff;border-radius:7px;padding:.65rem .85rem;cursor:pointer}button:hover{border-color:#68d4ff}input,select{border:1px solid #2c3850;background:#0d121d;color:#fff;border-radius:7px;padding:.7rem .8rem}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:0;height:100vh;padding:1.5rem;border-right:1px solid #20293a;display:flex;flex-direction:column;background:#0b1019}.brand{display:flex;align-items:center;gap:.55rem}.brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#63d7ff;color:#07111c;font-weight:900;font-style:normal}.brand span{color:#8190a7;font-size:.65rem;letter-spacing:.12em}nav{margin-top:2.5rem;display:grid;gap:.35rem}nav button{text-align:left;text-transform:capitalize;background:transparent;border-color:transparent}nav button.active{background:#172134;border-color:#283753;color:#72dcff}aside footer{margin-top:auto;display:grid;gap:.7rem;color:#9ba8bb;overflow-wrap:anywhere}.content{padding:2.3rem clamp(1rem,4vw,4rem);overflow:hidden}.page-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.7rem}.page-head span{color:#58ccef;letter-spacing:.14em;font-size:.7rem;font-weight:800}h1{margin:.35rem 0 0;font-size:clamp(1.8rem,3vw,2.7rem)}h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem}.cards article,.panel{background:#101722;border:1px solid #222e42;border-radius:11px}.cards article{padding:1rem;display:grid;gap:.5rem}.cards span,.muted,small{color:#8f9db2}.cards strong{font-size:1.7rem}.panel{padding:1.2rem;margin-top:1rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #202a3b;vertical-align:middle}th{color:#91a0b5;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}td small{display:block;margin-top:.25rem}.actions{display:flex;flex-wrap:wrap;gap:.4rem}.danger{color:#ff9ca6}.danger-button{color:#ffadb5;border-color:#6c303a}.link{border:0;background:transparent;color:#73d9ff;padding:0;font-weight:700}.chart{width:100%;height:230px;background:linear-gradient(#111a27,#0b1019);border-radius:8px}.chart polyline{fill:none;stroke:#5ed6ff;stroke-width:1.2;vector-effect:non-scaling-stroke}.map-preview{width:100%;max-height:430px;background:#080c13;border-radius:8px}.map-preview>rect{fill:#111827}.map-preview .solid{fill:#66748d;stroke:#c7d2e5;stroke-width:8}.map-preview .solid polyline{fill:none}.map-preview .hazard{fill:#8a2637}.map-preview .finish{fill:#46d991;opacity:.7}.map-preview .spawn{fill:#5dd8ff}.close{float:right}.auth{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top,#17263c,#080b11 55%)}.auth form,.auth section{width:min(430px,100%);padding:2rem;border:1px solid #28364d;background:#0e1521;border-radius:14px;display:grid;gap:1rem;box-shadow:0 30px 80px #0009}.auth h1{margin-top:1.2rem}.auth p{color:#9ba9bd;margin:0}label{display:grid;gap:.4rem;color:#aeb9ca;font-size:.85rem}pre{white-space:pre-wrap;word-break:break-all;background:#080c13;padding:1rem;border-radius:8px;color:#8de4ff}.error{color:#ff9da7!important}.search{display:flex;gap:.5rem}.pager{display:flex;justify-content:flex-end;align-items:center;gap:.8rem;margin-top:1rem;color:#9ba8bb}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{position:static;height:auto;border-right:0;border-bottom:1px solid #20293a}nav{margin-top:1rem;grid-template-columns:repeat(4,1fr)}aside footer{margin-top:1rem;grid-template-columns:1fr auto;align-items:center}.page-head{align-items:stretch;flex-direction:column}.content{padding:1.2rem .7rem}}