:root{--bg:#090f1b;--bg-alt:#0e1729;--surface:#111d33;--surface-soft:#15233c;--text:#e5eefb;--muted:#91a2be;--border:#253957;--go:#1e9954;--stop:#c03e42;--warn:#b98a2a;--action:#2c7be4;--tab:#172741}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--text);background:radial-gradient(circle at 20% 15%,#162843 0,transparent 34%),radial-gradient(circle at 85% 0,#1a2f4e 0,transparent 38%),linear-gradient(180deg,var(--bg-alt),var(--bg));font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit}.container{width:min(1200px,94vw);margin:0 auto;padding:1.25rem 0 2.25rem}.top-row{align-items:center;justify-content:space-between;gap:1rem}.subtab-nav,.tab-nav,.top-row{display:flex;margin-bottom:1rem}.subtab-nav,.tab-nav{gap:.55rem;flex-wrap:wrap}.subtab-link,.tab-link{border:1px solid var(--border);background:var(--tab);color:var(--muted);border-radius:10px;padding:.45rem .8rem;text-decoration:none;cursor:pointer}.subtab-link.active,.tab-link.active{color:var(--text);background:#20385b;border-color:#345486}.surface{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem}.panel-title{margin:0;font-size:1.1rem}.subtle{color:var(--muted);font-size:.92rem}.grid{display:grid;grid-gap:.9rem;gap:.9rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.tile{border-radius:16px;padding:1rem;color:#f4fbff;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.tile.go{background:linear-gradient(135deg,#17653a,#1e9954)}.tile.caution{background:linear-gradient(135deg,#6d621d,#9b8b2f);color:#fbf9e8}.tile.stop{background:linear-gradient(135deg,#922f34,#c03e42)}.tile.pending{background:linear-gradient(135deg,#4a5568,#6a7486);color:#e9edf7}.badge{display:inline-block;border-radius:100px;padding:.23rem .62rem;font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;font-weight:700;border:1px solid rgba(255,255,255,.35)}.badge.warn{color:#fff;background:#9d7221}.data-row{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:1.1fr 1fr}.ops-top-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:.85fr 1.15fr}.weather-snapshot{display:grid;grid-gap:.8rem;gap:.8rem;align-items:center;grid-template-columns:1fr auto}.weather-temp{font-size:clamp(2rem,5vw,3.2rem);line-height:1;margin:0 0 .5rem}.weather-line{margin:.2rem 0}.compass{width:180px;height:180px;border-radius:50%;border:2px solid var(--border);position:relative;margin:0 auto;background:conic-gradient(from -90deg,#13233a,#1a2d49,#13233a);overflow:visible}.compass-overlay{position:absolute;inset:-30px;width:240px;height:240px;pointer-events:none}.overlay-slice.clear{fill:transparent}.overlay-slice.caution{fill:rgba(222,174,52,.55)}.overlay-slice.blocked{fill:rgba(206,73,77,.62)}.compass-label{position:absolute;color:#dce9fb;font-weight:700;font-size:1.25rem}.compass-label.north{top:-1.9rem;left:50%;transform:translateX(-50%)}.compass-label.east{right:-1.6rem;top:50%;transform:translateY(-50%)}.compass-label.south{bottom:-1.9rem;left:50%;transform:translateX(-50%)}.compass-label.west{left:-1.6rem;top:50%;transform:translateY(-50%)}.needle{left:50%;top:50%;width:2px;height:70px;transform-origin:bottom center}.needle,.needle:after{position:absolute;background:#d7e6ff}.needle:after{content:"";left:-5px;top:-8px;width:12px;height:12px;border-radius:50%}.needle.arrow{width:0;height:0;background:transparent}.needle.arrow:before{content:"";position:absolute;left:-7px;top:-74px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:18px solid #76e5b5}.needle.arrow:after{left:-2px;top:-62px;width:4px;height:58px;border-radius:4px;background:#76e5b5}.note-body{white-space:pre-wrap;line-height:1.4}.actions{display:flex;gap:.6rem;flex-wrap:wrap}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);border-radius:10px;padding:.55rem .8rem;background:#182942;color:var(--text);cursor:pointer}button.primary{background:var(--action);color:#fff;border-color:#1f67c8}button.danger{background:var(--stop);color:#fff;border-color:#a83235}button.success{background:var(--go);color:#fff;border-color:#177944}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;background:var(--surface-soft);color:var(--text)}textarea{min-height:110px}.form-grid{display:grid;grid-gap:.75rem;gap:.75rem}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.5rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.error-panel{border-color:#923b4a;background:#2a1620}.state-text.go{color:#44d17f}.state-text.stop{color:#ff7d7d}@media (max-width:980px){.data-row,.ops-top-grid,.weather-snapshot{grid-template-columns:1fr}}.stale-panel{border-color:#8f6d2e;background:#2b2414}.stale-title{display:flex;align-items:center;gap:.45rem}.caution-dot{width:1.25rem;height:1.25rem;border-radius:999px;background:#c9972e;color:#1e180b;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.compass-picker-wrap{margin-top:.55rem}.rose-wrap{display:flex;justify-content:center}.rose{width:220px;height:220px}.rose-ring{fill:#0f1f35;stroke:#294267;stroke-width:1.6}.rose-slice{fill:#1a2f4d;stroke:#28466f;stroke-width:1;cursor:pointer}.rose-slice.caution{fill:#cfa23b;stroke:#f3d37b}.rose-slice.blocked{fill:#c03e42;stroke:#ff9699}.rose-label{fill:#b2c3df;font-size:8px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.rose-core{fill:#10213a;stroke:#2c486f;stroke-width:1.2}.rose-core-text{fill:#d4e3fb;text-anchor:middle;font-size:11px;letter-spacing:.08em}.rose-core-sub{fill:#8ea2c2;text-anchor:middle;font-size:7.6px}.label-inline{display:flex;align-items:center;gap:.4rem}.help-tip{display:inline-flex;width:1rem;height:1rem;border-radius:999px;border:1px solid #3d5d88;color:#9fc1f2;align-items:center;justify-content:center;font-size:.72rem;cursor:help}.now-pill{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.45rem .7rem;background:#13233a}.dyacon-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:10px;border:1px solid #b6902f;background:#d1a83a;color:#1e1707;font-weight:700;text-decoration:none}.toast-stack{position:fixed;top:.9rem;right:.9rem;z-index:1100;display:grid;grid-gap:.45rem;gap:.45rem;max-width:min(420px,92vw)}.toast{border-radius:10px;border:1px solid var(--border);padding:.55rem .7rem;font-size:.88rem}.toast.success{background:#173322;border-color:#2d6b46}.toast.error{background:#331820;border-color:#7e3340}.toast.info{background:#182b44;border-color:#2c5b97}.slack-preview{margin:0;white-space:pre-wrap;background:#0f1c30;border:1px solid var(--border);border-radius:8px;padding:.65rem;color:#dbe9ff;font-size:.85rem;line-height:1.35}@media (max-width:900px){.data-row{grid-template-columns:1fr}.top-row{flex-direction:column;align-items:flex-start}}