.observatory{padding:86px 0 96px}.obs-shell{border:1px solid #2b5870;border-radius:26px;background:linear-gradient(145deg,#07182d,#06101f 70%);box-shadow:inset 0 0 80px #0a526d22,0 18px 70px #0004;overflow:hidden}.obs-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid #ffffff12}.obs-toolbar select,.obs-toolbar button{background:#0c2036;color:#e8f7ff;border:1px solid #315674;border-radius:9px;padding:9px 11px;font-size:12px}.obs-toolbar button[aria-pressed=true]{border-color:#4debd9;color:#64f5e1}.obs-status{margin-left:auto;color:#a9bfd1;font-size:11px}.obs-status strong{color:#ffd17a}.obs-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:0;min-height:320px}.obs-column{padding:22px;border-right:1px solid #ffffff12}.obs-column:last-child{border-right:0}.obs-column h3{margin:0 0 5px;font-size:15px}.obs-column>p{margin:0 0 18px;color:#8faec1;font-size:11px;line-height:1.5}.obs-card{padding:13px;border:1px solid #214a63;border-radius:13px;background:#0a1c30;margin:10px 0}.obs-card b{display:block;font-size:13px}.obs-card small{display:block;color:#8faec1;margin-top:5px;line-height:1.45}.obs-signal{display:flex;justify-content:space-between;gap:8px}.obs-signal span{color:#63eddb;font-weight:700}.obs-lane{width:100%;text-align:left;cursor:pointer;color:#ecf8ff}.obs-lane:hover,.obs-lane:focus{border-color:#62e9db;outline:none}.obs-lane[data-status=CONGESTED]{border-color:#ec6ba2}.obs-lane[data-status=AT_RISK]{border-color:#f2c16c}.obs-lane[data-status=AVAILABLE]{border-color:#46dfc9}.obs-chip{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.04em}.obs-chip.CONGESTED{background:#632442;color:#ff9bc5}.obs-chip.AT_RISK{background:#59431f;color:#ffd98b}.obs-chip.AVAILABLE{background:#164b48;color:#74f4df}.obs-chip.UNKNOWN{background:#334052;color:#becbd6}.obs-detail{padding:16px 20px;border-top:1px solid #ffffff12;color:#b5cbd8;font-size:12px;line-height:1.65;min-height:50px}.obs-detail strong{color:#fff}.obs-foot{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #ffffff12;color:#7898ae;font-size:10px}.obs-source{display:inline-flex;gap:5px;align-items:center}.obs-source i{width:6px;height:6px;border-radius:50%;background:#f4c16d}.obs-source i.ready{background:#55e1ca}@media(max-width:900px){.obs-grid{grid-template-columns:1fr}.obs-column{border-right:0;border-bottom:1px solid #ffffff12}.obs-column:last-child{border-bottom:0}.obs-status{width:100%;margin-left:0}}
.micro-holo{width:100%;height:145px;display:block;border:1px solid #1e5062;border-radius:14px;background:radial-gradient(circle at 50% 50%,#12465b66,transparent 65%),#061424;margin:0 0 12px}
.obs-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:16px 20px;border-bottom:1px solid #ffffff12;background:#071426}.obs-kpi{min-width:0;padding:12px;border:1px solid #234b62;border-radius:12px;background:#0a1b2d}.obs-kpi small,.obs-kpi span{display:block;color:#8faec1;font-size:10px}.obs-kpi strong{display:block;color:#e9fbff;font-size:20px;margin:7px 0 5px;white-space:nowrap}.obs-kpi span{color:#f3c36d;text-transform:uppercase;letter-spacing:.04em}.obs-timeline{padding:16px 20px;border-bottom:1px solid #ffffff12;background:#061222}.obs-axis{display:flex;justify-content:space-between;color:#809caf;font-size:10px;margin-bottom:10px}.obs-bars{height:120px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;border-left:1px solid #31536a;border-bottom:1px solid #31536a;padding:0 12px}.obs-bar-group{height:100%;display:flex;align-items:flex-end;gap:4px;position:relative;min-width:42px}.obs-bar{width:13px;border-radius:5px 5px 0 0;min-height:4px}.obs-bar.demand{background:linear-gradient(#fa60ae,#96366e)}.obs-bar.supply{background:linear-gradient(#4fe4d0,#147d7d)}.obs-bar-group small{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font-size:9px;color:#91a9ba}.obs-chart-legend{display:flex;gap:14px;flex-wrap:wrap;color:#9db5c5;font-size:10px;margin-top:25px}.obs-chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.demand-dot{background:#fa60ae}.supply-dot{background:#4fe4d0}.obs-chart-legend em{color:#f3c36d;font-style:normal;margin-left:auto}@media(max-width:900px){.obs-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.obs-kpis{grid-template-columns:1fr 1fr;padding:12px}.obs-kpi strong{font-size:16px}.obs-timeline{padding:14px 12px}.obs-chart-legend em{width:100%;margin-left:0}}
.field-anchors{position:absolute;z-index:3;left:20px;right:20px;bottom:62px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.field-anchor{padding:6px 8px;border:1px solid #2d6680;background:#061426cc;border-radius:8px;font-size:10px;color:#c1d8e5}.field-anchor b{display:block;color:#66e8d8;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}@media(max-width:620px){.field-anchors{bottom:70px;flex-wrap:wrap}.field-anchor{font-size:9px}}
@media (max-width:640px){
  .observatory{padding:44px 0 56px}
  .obs-shell{border-radius:18px;min-width:0;overflow:hidden}
  .obs-toolbar{padding:12px;gap:7px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .obs-toolbar::-webkit-scrollbar{display:none}
  .obs-toolbar select,.obs-toolbar button{flex:0 0 auto;min-height:36px}
  .obs-status{flex:0 0 100%;white-space:normal;margin-left:0;line-height:1.35}
  .obs-grid{grid-template-columns:minmax(0,1fr);min-height:0}
  .obs-column{padding:14px;min-width:0}
  .obs-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}
  .obs-kpi{padding:9px;min-width:0}
  .obs-kpi strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .obs-kpi span{font-size:9px}
  .obs-timeline{padding:12px;overflow:hidden}
  .obs-bars{gap:4px;min-width:0}
  .micro-holo{height:120px}
}