:root{--bg:#edf3f9;--surface:#ffffff;--surface-2:#f7faff;--line:#dbe6f0;--text:#17263a;--muted:#73859a;--primary:#5667f5;--primary-2:#7866f7;--cyan:#22b8cf;--green:#20b875;--amber:#f59f37;--red:#ee5a67;--shadow:0 16px 40px rgba(56,79,112,.10);--radius:20px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(135deg,#edf4fa,#f8f5ff);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:218px 1fr;min-height:100vh}.rail{position:sticky;top:0;height:100vh;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);border-right:1px solid rgba(210,224,238,.9);padding:22px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:2px 8px 26px}.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary),var(--primary-2));box-shadow:0 12px 28px rgba(86,103,245,.28)}.brand-mark svg{width:24px}.brand b{font-size:15px;letter-spacing:.8px}.brand span{display:block;color:var(--muted);font-size:9px;margin-top:4px;letter-spacing:1.4px}.rail nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#667a91;border-radius:14px;padding:12px 13px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-size:12px}.nav-item svg{width:19px}.nav-item:hover{background:#f0f4ff;color:var(--primary)}.nav-item.active{background:linear-gradient(135deg,#e7eaff,#f0eaff);color:#4656e8;font-weight:700;box-shadow:inset 0 0 0 1px #d9ddff}.nav-item em{margin-left:auto;background:#ffe7ea;color:var(--red);font-style:normal;padding:2px 7px;border-radius:99px;font-size:9px}.rail-foot{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px 10px;border-radius:15px;background:#f4f8fc}.rail-foot b{display:block;font-size:10px}.rail-foot small{color:var(--muted);font-size:8px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(32,184,117,.12)}main{padding:22px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--primary);font-weight:800}.topbar h1{font-size:29px;margin:5px 0 4px;letter-spacing:-.7px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:10px;align-items:center}.clock{color:var(--muted);font-size:11px;padding:10px 13px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:13px}.primary,.head-tools button,.top-actions button,.table-tools select,.head-tools select{border:0;border-radius:13px;padding:10px 13px;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 10px 24px rgba(86,103,245,.22);display:flex;align-items:center;gap:8px}.primary svg{width:17px}.view{display:none}.view.active{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.summary-grid article,.map-card,.flight-drawer,.detail-card,.event-card,.wide-map-card,.scope-panel,.table-card,.layer-list,.alerts-card,.settings-card,.health-card{background:rgba(255,255,255,.91);border:1px solid rgba(218,229,240,.95);border-radius:var(--radius);box-shadow:var(--shadow)}.summary-grid article{padding:18px;display:grid;grid-template-columns:46px 1fr;column-gap:12px}.metric-icon{grid-row:1/4;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eef0ff,#e8f7fb);color:var(--primary)}.metric-icon svg{width:21px}.summary-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.summary-grid strong{font-size:22px;margin-top:4px}.summary-grid small{font-size:9px;color:var(--muted);margin-top:3px}.command-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.card-head{min-height:62px;padding:14px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-head b{font-size:12px}.card-head span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.head-tools{display:flex;gap:7px}.head-tools button,.head-tools select{background:#f3f6fb;color:#51667d;border:1px solid var(--line);display:flex;align-items:center;gap:7px}.head-tools svg{width:16px}#mainMap{height:565px;border-radius:0 0 var(--radius) var(--radius)}.map-card{position:relative;overflow:hidden}.map-legend{position:absolute;left:18px;bottom:18px;z-index:500;display:flex;gap:10px;padding:8px 11px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;font-size:8px}.map-legend span{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%}.dot.normal{background:var(--primary)}.dot.selected{background:var(--red)}.dot.ground{background:var(--amber)}.drawer-head{padding:15px;border-bottom:1px solid var(--line)}.drawer-head b{font-size:12px}.drawer-head>div:first-child span{float:right;color:var(--muted);font-size:9px}.searchbox{margin-top:12px;display:flex;align-items:center;gap:8px;background:#f3f6fa;border:1px solid var(--line);border-radius:13px;padding:9px 11px}.searchbox svg{width:15px;color:var(--muted)}.searchbox input{border:0;background:transparent;outline:0;width:100%;color:var(--text)}.quick-list{max-height:520px;overflow:auto}.flight-row{padding:12px 14px;border-bottom:1px solid #edf2f6;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.flight-row:hover,.flight-row.active{background:#f2f4ff}.flight-row b{font-size:11px}.flight-row small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.flight-meta{text-align:right}.flight-meta span{font-size:10px}.bottom-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px}.selected-main{display:flex;align-items:center;gap:13px;padding:17px}.plane-avatar{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#e8ebff,#def6fa);color:var(--primary);display:grid;place-items:center}.plane-avatar svg{width:24px}.selected-main h2{margin:0;font-size:20px}.selected-main p{margin:4px 0 0;color:var(--muted);font-size:10px}.flight-state{margin-left:auto;border-radius:99px;background:#e7f8ef;color:#168b58;padding:7px 10px;font-size:9px}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 17px 17px}.data-grid div{padding:12px;border-top:1px solid var(--line)}.data-grid span{display:block;color:var(--muted);font-size:8px}.data-grid b{display:block;font-size:11px;margin-top:5px}.event-log{padding:13px;height:245px;overflow:auto;font-family:Consolas,monospace;font-size:9px;color:#62778e}.airspace-layout,.layer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.wide-map-card{overflow:hidden}#airspaceMap,#specialMap,#droneMap{height:710px}.scope-panel{padding:20px}.scope-title span{font-size:8px;color:var(--muted)}.scope-title b{display:block;margin-top:5px}.vector-ring{width:235px;height:235px;margin:28px auto;border-radius:50%;border:1px solid #cfd8ff;background:radial-gradient(circle,#fbfcff 0 30%,#f0f3ff 31% 32%,#fbfcff 33% 60%,#e8ecff 61% 62%,#fbfcff 63%);position:relative}.bearing-line{position:absolute;left:50%;top:50%;width:2px;height:43%;background:linear-gradient(var(--red),transparent);transform-origin:bottom center}.vector-plane{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--primary)}.vector-data{display:grid;grid-template-columns:1fr 1fr}.vector-data div{padding:12px;border-top:1px solid var(--line)}.vector-data span{display:block;color:var(--muted);font-size:8px}.vector-data b{font-size:11px}.table-card{overflow:hidden}.table-tools{padding:15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.table-tools>div:first-child{margin-right:auto}.table-tools b{font-size:12px}.table-tools span{display:block;color:var(--muted);font-size:9px}.table-tools .searchbox{margin:0;width:300px}.table-tools select{border:1px solid var(--line);background:#f4f7fb;color:#50657b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf2f6}th{font-size:8px;color:var(--muted);text-transform:uppercase;background:#f8fafc}.layer-list{overflow:hidden}.data-notice{color:var(--muted);font-size:9px;margin:10px 4px}.alert-summary{grid-template-columns:repeat(4,1fr)}.alerts-card{overflow:hidden}.alert-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.alert-icon{width:40px;height:40px;border-radius:13px;background:#fff0f1;color:var(--red);display:grid;place-items:center}.alert-row b{font-size:11px}.alert-row p{margin:4px 0 0;color:var(--muted);font-size:9px}.alert-tag{font-size:8px;padding:5px 8px;border-radius:99px;background:#f2efff;color:var(--primary-2)}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-body,.health-list{padding:16px}.setting-row,.health-list>div{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line);font-size:10px}.setting-row code{background:#f1f4fa;padding:6px 8px;border-radius:8px}.setting-row select{border:1px solid var(--line);background:#f4f7fb;border-radius:10px;padding:8px}.full{width:100%;justify-content:center;margin-top:14px}.switch input{display:none}.switch i{display:block;width:42px;height:23px;border-radius:99px;background:#ccd6df;position:relative}.switch i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.switch input:checked+i{background:var(--primary)}.switch input:checked+i:after{left:22px}.toast{position:fixed;right:22px;bottom:22px;background:#28364a;color:#fff;padding:12px 16px;border-radius:13px;opacity:0;transform:translateY(18px);transition:.2s;z-index:1000;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translateY(0)}.leaflet-container{background:#dfe8f0}.leaflet-control-zoom a{color:#4c6077!important}.plane-marker,.special-marker,.drone-marker{font-size:23px;color:var(--primary);filter:drop-shadow(0 3px 4px rgba(42,62,96,.25))}.special-marker{color:var(--red)}.drone-marker{color:var(--primary-2)}.empty-state{padding:24px;color:var(--muted);font-size:10px;text-align:center}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.rail{position:relative;height:auto}.rail nav{grid-template-columns:repeat(7,1fr)}.nav-item{justify-content:center}.nav-item span{display:none}.rail-foot{display:none}.summary-grid{grid-template-columns:repeat(2,1fr)}.command-grid,.bottom-grid,.airspace-layout,.layer-layout,.system-grid{grid-template-columns:1fr}}@media(max-width:700px){main{padding:14px}.rail nav{grid-template-columns:repeat(4,1fr)}.topbar{align-items:flex-start;gap:12px}.clock{display:none}.summary-grid,.alert-summary{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr 1fr}.table-tools{flex-wrap:wrap}.table-tools .searchbox{width:100%}}