@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Vazirmatn:wght@400;500;600&display=swap");:root{--bg:#0b0f14;--surface:#121820;--surface-2:#1a2230;--border:rgba(255,255,255,0.08);--text:#e8edf4;--muted:#8b98a8;--accent:#3d8bfd;--ok:#3ecf8e;--warn:#f0b429;--danger:#f07178;--radius:10px;--font:"IBM Plex Sans",system-ui,sans-serif;--font-fa:"Vazirmatn",var(--font)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:var(--accent);text-decoration:none}.btn,button{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:.5rem .9rem;font:inherit}.btn-primary{background:var(--accent);border-color:transparent;color:#fff}.chip,.muted{color:var(--muted)}.chip{display:inline-block;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem}.ops-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.ops-sidebar{border-right:1px solid var(--border);background:var(--surface);padding:1rem;position:-webkit-sticky;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto}.ops-brand{font-weight:600;margin-bottom:1rem}.ops-brand span{color:var(--muted);font-size:.8rem;display:block}.ops-nav{display:flex;flex-direction:column;gap:.15rem}.ops-nav a{display:block;padding:.45rem .6rem;border-radius:8px;color:var(--text)}.ops-nav a.active,.ops-nav a:hover{background:var(--surface-2)}.ops-main{padding:1.25rem 1.5rem 2rem;min-width:0}.ops-section-title{font-size:1rem;margin:0 0 .75rem;font-weight:600}.ops-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ops-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ops-grid--panels{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ops-kv{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.ops-kv:last-child{border-bottom:none}.ops-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.ops-card h3{margin:0 0 .35rem;font-size:.85rem;color:var(--muted);font-weight:500}.ops-card strong{font-size:1.4rem}.ops-table{width:100%;border-collapse:collapse;font-size:.9rem}.ops-table td,.ops-table th{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}.ops-table--dense td,.ops-table--dense th{padding:.4rem .5rem;font-size:.85rem}.ops-toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start}.ops-toolbar-actions{display:flex;gap:.5rem;align-items:center}.ops-search{padding:.45rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);min-width:200px}.ops-pill{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;border:1px solid var(--border);text-transform:lowercase}.ops-pill--healthy,.ops-pill--published,.ops-pill--succeeded,.ops-pill--verified{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,var(--border))}.ops-pill--degraded,.ops-pill--delayed,.ops-pill--pending,.ops-pill--review{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,var(--border))}.ops-pill--failed,.ops-pill--rejected,.ops-pill--stale,.ops-pill--unavailable{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,var(--border))}.ops-login{min-height:100vh;display:grid;place-items:center}.ops-login form{width:min(400px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:grid;grid-gap:.75rem;gap:.75rem}.ops-login input{width:100%;padding:.55rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.placeholder-box{border:1px dashed var(--border);border-radius:var(--radius);padding:2rem;color:var(--muted);text-align:center}[dir=rtl]{font-family:var(--font-fa)}.query-editor{width:100%;min-height:120px;font-family:ui-monospace,monospace;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem}@media (max-width:900px){.ops-shell{grid-template-columns:1fr}.ops-sidebar{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border);padding-bottom:.75rem}.ops-nav{flex-direction:row;flex-wrap:wrap;gap:.35rem}.ops-nav a{font-size:.85rem;padding:.35rem .55rem}.ops-main{padding:1rem}}