:root{
  --bg:#090d18;--panel:rgba(15,21,36,.88);--panel2:rgba(20,28,47,.78);
  --line:rgba(255,255,255,.1);--text:#f6f8ff;--muted:#9ba8c2;
  --accent:#7c6cff;--accent2:#35c5ff;--good:#3ddc97;--danger:#ff5f76;
}
*{box-sizing:border-box}
html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
button,input{font:inherit}
button{color:inherit}
#app{display:grid;grid-template-columns:300px 1fr 340px;grid-template-rows:64px 1fr;grid-template-areas:"top top top" "left globe right"}
.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(8,12,22,.94);border-bottom:1px solid var(--line);z-index:20}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px}
.top-actions{display:flex;align-items:center;gap:12px}.status{font-size:13px;color:var(--muted)}.status i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}
.icon-btn,.primary-btn,.collapse-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:10px;padding:9px 12px;cursor:pointer}.primary-btn{width:100%;border:0;background:linear-gradient(135deg,var(--accent),#5c8dff);font-weight:700}.collapse-btn{padding:4px 10px;font-size:22px}
.panel{background:var(--panel);backdrop-filter:blur(16px);z-index:10;overflow:auto}.left-panel{grid-area:left;border-right:1px solid var(--line)}.right-panel{grid-area:right;border-left:1px solid var(--line)}
.panel-title{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px;background:rgba(15,21,36,.96);border-bottom:1px solid var(--line);z-index:2}.panel-title strong,.panel-title small{display:block}.panel-title small{color:var(--muted);font-size:12px;margin-top:4px}
.layer-group{padding:17px 18px;border-bottom:1px solid var(--line)}.layer-group h2{margin:0 0 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.layer-row{display:flex;align-items:center;gap:10px;min-height:38px;cursor:pointer}.layer-row span{flex:1}.layer-row em{font-style:normal;color:var(--muted);font-size:12px}.layer-row input{accent-color:var(--accent)}
.opacity-control{display:block;margin-top:12px;color:var(--muted);font-size:12px}.opacity-control input{width:100%;margin-top:8px;accent-color:var(--accent)}
#globeWrap{grid-area:globe;position:relative;min-width:0;background:#02050c}.cesium-viewer-bottom,.cesium-viewer-toolbar{display:none!important}#cesiumContainer{position:absolute;inset:0}
.map-hint{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(8,12,22,.72);backdrop-filter:blur(8px);font-size:12px;color:var(--muted);pointer-events:none}
.timeline{position:absolute;left:24px;right:24px;bottom:20px;display:grid;grid-template-columns:40px 1fr 90px;align-items:center;gap:12px;padding:10px 12px;background:rgba(8,12,22,.78);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(12px)}.timeline button{height:32px;border:0;border-radius:9px;background:var(--accent);cursor:pointer}.timeline input{accent-color:var(--accent)}.timeline span{font-size:12px;color:var(--muted);text-align:right}
.empty-state{display:grid;place-items:center;text-align:center;padding:70px 30px;color:var(--muted)}.empty-icon{font-size:54px;color:var(--accent);margin-bottom:12px}.details{padding:18px}.details-hero{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);margin-bottom:14px}.details-hero strong{display:block;font-size:20px}.details-hero span{color:var(--muted);font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-item{padding:11px;border:1px solid var(--line);border-radius:11px}.detail-item small,.detail-item strong{display:block}.detail-item small{color:var(--muted);margin-bottom:5px}.confidence{margin-top:14px;padding:10px;border-radius:10px;background:rgba(124,108,255,.12);color:#c9c2ff;font-size:12px}
body.left-collapsed #app{grid-template-columns:0 1fr 340px}body.left-collapsed .left-panel{display:none}body.right-collapsed #app{grid-template-columns:300px 1fr 0}body.right-collapsed .right-panel{display:none}body.left-collapsed.right-collapsed #app{grid-template-columns:0 1fr 0}
@media(max-width:1050px){#app{grid-template-columns:250px 1fr 300px}.detail-grid{grid-template-columns:1fr}.brand small{display:none}}