.op-shell{--op-accent-100: #eaf3fc;--op-accent-200: #cfe4f7;--op-accent-500: #2f7fd4;--op-accent-600: #1f66b0;--op-ink: #16212e;--op-ink-soft: #5b6b7d;--op-line: #dbe6f1;--op-ok: #2f7d54;--op-danger: #b4442f;--op-surface: rgba(255, 255, 255, .82);--op-series-1: #2f7fd4;--op-series-2: #eb6834;--op-series-3: #1baf7a;--op-series-4: #eda100;--op-series-5: #e87ba4;--op-series-6: #008300;--op-series-7: #4a3aa7;--op-series-8: #e34948;--op-series-other: #898781;min-height:100%;color:var(--op-ink);background:radial-gradient(circle at top,var(--op-accent-100),#ffffff 65%);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.op-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:100%;padding:2rem 1rem;text-align:center}.op-gate--error p,.op-gate--forbidden p{color:var(--op-ink-soft);max-width:32rem}.op-gate__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--op-line)}.op-gate__brand{display:flex;align-items:center;gap:.5rem;font-weight:600}.op-gate__mark{color:var(--op-accent-500)}.op-gate__login{display:inline-block;padding:.5rem 1.25rem;border-radius:999px;background:var(--op-accent-500);color:#fff;text-decoration:none;font-weight:600}.op-gate__login:hover{background:var(--op-accent-600)}.op-gate__main{padding:1.5rem}.op-panel{background:var(--op-surface);border:1px solid var(--op-line);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.op-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem}.op-stat-tile{margin:0;padding:1rem;border:1px solid var(--op-line);border-radius:.75rem;background:var(--op-surface)}.op-stat-tile__label{font-size:.8rem;color:var(--op-ink-soft)}.op-stat-tile__value{margin:.25rem 0 0;font-size:1.75rem;font-weight:700}.op-stat-tile__trend{margin-top:.25rem;font-size:.8rem;color:var(--op-ink-soft)}.op-range-toggle{display:inline-flex;min-inline-size:auto;margin:0;border:1px solid var(--op-line);border-radius:999px;padding:.2rem;background:var(--op-surface)}.op-range-toggle__option{border:none;background:transparent;padding:.35rem .9rem;border-radius:999px;color:var(--op-ink-soft);cursor:pointer;font:inherit}.op-range-toggle__option[aria-pressed=true]{background:var(--op-accent-500);color:#fff}.op-chart{display:flex;flex-direction:column;gap:.5rem}.op-chart--empty{color:var(--op-ink-soft);padding:2rem 0;text-align:center}.op-chart__svg{width:100%;height:auto}.op-chart__area{fill:var(--op-accent-200);opacity:.6;stroke:none}.op-chart__line{fill:none;stroke:var(--op-accent-500);stroke-width:2}.op-chart__crosshair{stroke:var(--op-line);stroke-width:1}.op-chart__dot{fill:var(--op-accent-600)}.op-chart__tooltip{display:flex;gap:.5rem;font-size:.85rem;color:var(--op-ink-soft)}.op-chart__fallback summary{cursor:pointer;color:var(--op-ink-soft);font-size:.85rem}.op-chart__fallback table{width:100%;border-collapse:collapse;margin-top:.5rem}.op-chart__fallback th,.op-chart__fallback td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--op-line)}.op-multi-chart__svg{display:block;width:100%;height:auto}.op-multi-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.op-multi-chart__grid{stroke:var(--op-line);stroke-width:1}.op-multi-chart__crosshair{stroke:var(--op-ink-soft);stroke-width:1}.op-multi-chart__dot{stroke:#fff;stroke-width:2}.op-multi-chart__tick{fill:var(--op-ink-soft);font-size:10px;font-variant-numeric:tabular-nums}.op-multi-chart__endpoint{font-size:10px;font-weight:600}.op-multi-chart__legend,.op-multi-chart__readout ul{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0 0 .5rem;padding:0;list-style:none;font-size:.85rem}.op-multi-chart__legend-item,.op-multi-chart__readout li{display:flex;align-items:center;gap:.4rem;color:var(--op-ink)}.op-multi-chart__legend-key{flex:none;width:14px;height:2px;border-radius:1px}.op-multi-chart__readout{margin-top:.5rem}.op-multi-chart__readout ul{margin:.25rem 0 0}.op-multi-chart__readout-date{font-size:.85rem;color:var(--op-ink-soft);font-variant-numeric:tabular-nums}.op-multi-chart .op-chart__fallback caption{text-align:left;color:var(--op-ink-soft);font-size:.85rem;padding-top:.5rem}.op-logout-form{margin:0}.op-logout-button{border:1px solid var(--op-line);background:transparent;color:var(--op-ink-soft);padding:.4rem .9rem;border-radius:999px;cursor:pointer;font:inherit}.op-logout-button:hover:not(:disabled){border-color:var(--op-danger);color:var(--op-danger)}.op-logout-button:disabled{opacity:.6;cursor:default}.op-logout-error{color:var(--op-danger);font-size:.8rem;margin:.35rem 0 0}.op-dashboard{display:grid;gap:1rem}.op-dashboard__charts{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,34rem),1fr));align-items:start}@media(min-width:72rem){.op-dashboard__charts .op-multi-chart__tick,.op-dashboard__charts .op-multi-chart__endpoint{font-size:13px}}.op-dashboard__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.op-dashboard__title{margin:0 0 1rem;font-size:1rem;font-weight:600;letter-spacing:.02em;color:var(--op-text, inherit)}.op-dashboard__header .op-dashboard__title{margin-bottom:0}.op-dashboard__note{margin:1rem 0 0;font-size:.875rem;color:var(--op-text-muted, inherit)}.op-dashboard__message{margin:0 0 1rem;color:var(--op-text-muted, inherit)}.op-dashboard__code{display:block;margin-top:.75rem;padding:.75rem 1rem;border-radius:.5rem;background:var(--op-surface-sunken, rgba(0, 0, 0, .06));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.7;white-space:pre-wrap}