:root{--ops-bg:#0b1020;--ops-panel:#121a2e;--ops-panel-strong:#18233b;--ops-line:#293854;--ops-text:#f5f7fb;--ops-muted:#9aa8c0;--ops-mint:#75e0c1;--ops-amber:#ffc66d;--ops-red:#ff8174;--ops-blue:#8ab8ff}body{background:var(--ops-bg)}.ops-shell{min-height:100vh;color:var(--ops-text);background:radial-gradient(circle at 88% -10%,#4f70cf3d,transparent 28rem),radial-gradient(circle at 2% 100%,#31a68a1f,transparent 30rem),var(--ops-bg);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,sans-serif}.ops-center{place-items:center;display:grid}.ops-header,.ops-nav,.ops-toolbar,.ops-metrics,.ops-grid,.ops-panel,.ops-alert,.ops-config-layout{width:min(100%,1360px);margin-inline:auto}.ops-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:.5rem 0 1.4rem;display:flex}.ops-mark{color:var(--ops-mint);letter-spacing:.16em;font-size:.72rem;font-weight:800}.ops-header h1,.ops-login h1{letter-spacing:-.04em;margin:.32rem 0 .3rem;font-size:clamp(1.75rem,3vw,2.35rem)}.ops-header p,.ops-login p{color:var(--ops-muted);margin:0;font-size:.9rem}.ops-header-actions{flex-wrap:wrap;gap:.55rem;display:flex}.ops-header-actions a,.ops-header-actions button,.ops-toolbar button,.ops-pagination button,.ops-config-actions>button{border:1px solid var(--ops-line);color:#dce4f2;min-height:2.65rem;font:inherit;cursor:pointer;background:#121a2edb;border-radius:.7rem;padding:.55rem .85rem;font-size:.88rem;font-weight:700;text-decoration:none}.ops-header-actions button{color:#ffbbb5}.ops-nav{border:1px solid var(--ops-line);background:#121a2ee6;border-radius:.85rem;gap:.35rem;margin-bottom:1rem;padding:.36rem;display:flex}.ops-nav button{min-height:2.55rem;color:var(--ops-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;flex:1;font-size:.92rem;font-weight:700}.ops-nav button.active{color:#f5fffc;background:#24415a;box-shadow:inset 0 0 0 1px #75e0c140}.ops-toolbar{border:1px solid var(--ops-line);background:#121a2ed1;border-radius:1rem;flex-wrap:wrap;align-items:end;gap:.7rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.ops-toolbar label,.ops-config-form label{color:var(--ops-muted);gap:.38rem;font-size:.82rem;font-weight:650;display:grid}.ops-toolbar input,.ops-config-form input,.ops-config-form select{min-height:2.55rem;color:var(--ops-text);font:inherit;background:#0d1528;border:1px solid #344766;border-radius:.58rem;outline:none;padding:.42rem .6rem;font-size:.94rem}.ops-toolbar input:focus,.ops-config-form input:focus,.ops-config-form select:focus{border-color:var(--ops-mint);box-shadow:0 0 0 3px #75e0c11a}.ops-toolbar span{color:var(--ops-muted);flex:16rem;padding-bottom:.2rem;font-size:.82rem;line-height:1.5}.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.ops-metric-card,.ops-panel{border:1px solid var(--ops-line);background:linear-gradient(145deg,#18233bfa,#0e1628fa);border-radius:1rem;box-shadow:0 .85rem 2.8rem #0000001f}.ops-metric-card{min-height:10rem;padding:1.05rem}.ops-metric-label{color:var(--ops-muted);justify-content:space-between;align-items:center;gap:.6rem;font-size:.86rem;display:flex}.ops-status,.ops-pill{white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-height:1.55rem;padding:0 .45rem;font-size:.71rem;font-style:normal;font-weight:800;display:inline-flex}.ops-status.available,.ops-status.limited,.ops-pill.active{color:var(--ops-mint);background:#75e0c114}.ops-status.no_data,.ops-status.not_configured{color:var(--ops-amber);background:#ffc66d14}.ops-pill.expired{color:var(--ops-muted)}.ops-pill.revoked{color:var(--ops-red);background:#ff817414}.ops-metric-card strong{letter-spacing:-.05em;margin-top:.75rem;font-size:2rem;display:block}.ops-metric-card p{color:var(--ops-muted);margin:.6rem 0 0;font-size:.8rem;line-height:1.45}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.ops-panel{margin-top:.8rem;padding:1.15rem}.ops-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ops-panel-heading span{color:var(--ops-mint);letter-spacing:.14em;font-size:.7rem;font-weight:800}.ops-panel-heading h2{letter-spacing:-.02em;margin:.28rem 0 0;font-size:1.25rem}.ops-panel-heading small{max-width:19rem;color:var(--ops-muted);text-align:right;font-size:.78rem;line-height:1.45}.ops-bar-row{color:#dce4f2;grid-template-columns:7.5rem minmax(3rem,1fr) 2rem;align-items:center;gap:.7rem;margin-top:1rem;font-size:.9rem;display:grid}.ops-bar-row>div,.ops-event-row>div{background:#0c1427;border-radius:999px;height:.52rem;overflow:hidden}.ops-bar-row i,.ops-event-row i{border-radius:inherit;background:linear-gradient(90deg,var(--ops-mint),var(--ops-blue));height:100%;display:block}.ops-bar-row b,.ops-event-row b{text-align:right;font-size:.85rem}.ops-quality{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.ops-quality>div{background:#10192d;border:1px solid #2b3b59;border-radius:.75rem;min-height:7rem;padding:.85rem}.ops-quality span,.ops-quality small{color:var(--ops-muted);font-size:.76rem;display:block}.ops-quality strong{color:#f4fffc;letter-spacing:-.04em;margin:.55rem 0 .32rem;font-size:1.45rem;display:block}.ops-event-list{gap:.7rem;margin-top:1rem;display:grid}.ops-event-row{grid-template-columns:6.7rem minmax(9rem,1fr) minmax(4rem,2fr) 2.5rem;align-items:center;gap:.7rem;font-size:.84rem;display:grid}.ops-event-row time{color:var(--ops-muted)}.ops-event-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ops-event-row i{background:linear-gradient(90deg,var(--ops-amber),var(--ops-mint))}.ops-empty,.ops-order-notice{color:var(--ops-muted);border:1px dashed #405273;border-radius:.8rem;margin-top:1rem;padding:1rem;font-size:.88rem;line-height:1.55}.ops-order-notice{color:#f0d8ad;background:#ffc66d0f;border-style:solid;border-color:#ffc66d33}.ops-table-panel{overflow:hidden}.ops-table-wrap{border:1px solid #263754;border-radius:.75rem;margin-top:1rem;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px;font-size:.84rem}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #253550;padding:.82rem .75rem}th{color:#aebbd1;letter-spacing:.04em;background:#17233c;font-size:.72rem;position:sticky;top:0}td{color:#dae2ef}tbody tr:last-child td{border-bottom:0}code{color:#b6ffe9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.ops-pagination{color:var(--ops-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;font-size:.84rem;display:flex}.ops-pagination>div{gap:.5rem;display:flex}.ops-pagination button:disabled,.ops-config-actions button:disabled,.ops-login button:disabled{opacity:.45;cursor:default}.ops-config-layout{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.8fr);align-items:start;gap:.8rem;display:grid}.ops-config-layout .ops-panel{width:auto;margin:0}.ops-config-form{gap:1rem;margin-top:1rem;display:grid}.ops-config-form fieldset{border:1px solid #2e405f;border-radius:.8rem;margin:0;padding:1rem}.ops-config-form legend{color:var(--ops-mint);padding:0 .35rem;font-size:.82rem;font-weight:800}.ops-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.ops-field-grid .ops-check{color:#dbe5f2;align-items:center;gap:.65rem;min-height:2.55rem;display:flex}.ops-check input{width:1rem;height:1rem;min-height:auto;accent-color:var(--ops-mint)}.ops-config-form fieldset p{color:var(--ops-muted);margin:1rem 0 0;font-size:.82rem;line-height:1.5}.ops-config-actions{grid-template-columns:minmax(12rem,1fr) auto auto;align-items:end;gap:.7rem;display:grid}.ops-config-actions .primary{border-color:var(--ops-mint);background:var(--ops-mint);color:#0c1b25}.ops-history-row{border-top:1px solid #293954;grid-template-columns:3rem 1fr;gap:.6rem;padding:.85rem 0;font-size:.82rem;display:grid}.ops-history-row strong{color:var(--ops-mint)}.ops-history-row span,.ops-history-row time{color:var(--ops-muted);line-height:1.45}.ops-history-row time{grid-column:2;font-size:.75rem}.ops-alert{color:#caffef;background:#75e0c117;border:1px solid #75e0c159;border-radius:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}.ops-alert.error{color:#ffc2bd;background:#ff81741a;border-color:#ff817466}.ops-login{border:1px solid var(--ops-line);background:linear-gradient(145deg,#17233b,#0e172a);border-radius:1.1rem;gap:1rem;width:min(100%,27rem);padding:2rem;display:grid;box-shadow:0 1.6rem 5rem #00000059}.ops-login label{color:var(--ops-muted);gap:.4rem;font-size:.86rem;display:grid}.ops-login input{min-height:2.8rem;color:var(--ops-text);font:inherit;background:#0c1427;border:1px solid #344766;border-radius:.65rem;padding:.55rem .7rem}.ops-login button{background:var(--ops-mint);color:#0b1821;min-height:2.9rem;font:inherit;cursor:pointer;border:0;border-radius:.7rem;font-weight:850}.ops-login>a{color:var(--ops-muted);text-align:center;font-size:.85rem;text-decoration:none}.ops-loading{color:var(--ops-muted)}@media (max-width:980px){.ops-shell{padding:1rem}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-config-layout{grid-template-columns:1fr}.ops-header{flex-direction:column;align-items:flex-start}.ops-header-actions{width:100%}.ops-header-actions>*{text-align:center;flex:1}.ops-panel-heading small{text-align:left}.ops-config-actions{grid-template-columns:1fr 1fr}.ops-config-actions label{grid-column:1/-1}}@media (max-width:620px){.ops-shell{padding:.7rem}.ops-nav{overflow:auto}.ops-nav button{flex:none;min-width:6.7rem}.ops-metrics,.ops-grid,.ops-quality,.ops-field-grid{grid-template-columns:1fr}.ops-toolbar{align-items:stretch}.ops-toolbar label,.ops-toolbar button{width:100%}.ops-toolbar span{padding:0}.ops-event-row{grid-template-columns:5.8rem minmax(5rem,1fr) 2.2rem}.ops-event-row>div{display:none}.ops-bar-row{grid-template-columns:7rem minmax(3rem,1fr) 2rem}.ops-panel{padding:1rem}.ops-pagination{flex-direction:column;align-items:flex-start}.ops-pagination>div{width:100%}.ops-pagination button{flex:1}.ops-config-actions{grid-template-columns:1fr}.ops-config-actions label{grid-column:auto}}