:root{--ink:#142236;--ink-2:#233950;--canvas:#f3f6f8;--surface:#fff;--accent:#1f5f8b;--success:#157347;--warning:#8a6500;--danger:#b42318;--muted:#627487;--line:#d7e0e7;--radius:8px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Segoe UI","Noto Naskh Arabic",Tahoma,Arial,sans-serif}.skip-link{position:fixed;inset-block-start:-60px;inset-inline-start:16px;z-index:999;background:#fff;padding:10px}.skip-link:focus{inset-block-start:8px}.ops-shell{min-height:100vh;display:flex}.ops-sidebar{width:248px;flex:none;background:var(--ink);color:#d8e3ec;padding:24px 16px;display:flex;flex-direction:column;position:sticky;inset-block-start:0;height:100vh;z-index:20}.ops-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px}.ops-brand strong,.ops-brand small{display:block}.ops-brand small{color:#91a9bb;font-size:11px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #52708b;border-radius:7px;color:#9bc5df;font-weight:800;font-size:12px}.nav-section{font-size:11px;color:#849aad;letter-spacing:.08em;text-transform:uppercase;margin:32px 12px 8px}.ops-sidebar nav a{display:flex;gap:11px;align-items:center;color:#d8e3ec;text-decoration:none;padding:11px 12px;border-radius:6px;margin:3px 0;font-size:14px;border-inline-start:3px solid transparent}.ops-sidebar nav a:hover,.ops-sidebar nav a:focus-visible{background:var(--ink-2);color:#fff}.ops-sidebar nav a.active{background:#203b54;border-inline-start-color:#56a0cf;color:#fff}.sidebar-state{margin-top:auto;border-top:1px solid #2d455b;padding:16px 10px 0;font-size:12px}.health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42b77d;margin-inline-end:7px}.ops-workspace{flex:1;min-width:0}.ops-topbar{height:70px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;inset-block-start:0;z-index:10}.topbar-context small,.topbar-context strong{display:block}.topbar-context small{color:var(--muted);font-size:11px}.topbar-actions,.account-menu,.account-menu>a{display:flex;align-items:center;gap:12px}.account-menu>a{text-decoration:none;color:var(--ink)}.account-copy strong,.account-copy small{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy small{font-size:10px;color:var(--muted)}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#d9e8f1;border-radius:50%;color:var(--accent);font-weight:800}.icon-button,.language-toggle,.nav-toggle{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 10px;color:var(--ink)}.nav-toggle{display:none}.ops-content{padding:28px;max-width:1600px;margin-inline:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-header h1{font-size:26px;margin:0 0 5px}.page-header p,.page-kicker{color:var(--muted);margin:0}.page-kicker{font-size:12px;font-weight:700}.page-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel,.empty-state,.filter-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-card{padding:18px;border-block-start:3px solid #91a9bb}.metric-card.attention{border-block-start-color:var(--danger)}.metric-card.healthy{border-block-start-color:var(--success)}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:30px;font-weight:750;font-variant-numeric:tabular-nums;margin:6px 0}.metric-note{font-size:11px;color:var(--muted)}.panel{margin-top:18px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:16px;margin:0}.filter-bar{padding:14px;margin-bottom:14px}.filter-grid{display:grid;grid-template-columns:2fr repeat(2,1fr) auto;gap:10px;align-items:end}.form-label{font-size:12px;font-weight:700;color:#34495e}.form-control,.form-select{border-color:#bfcbd5;min-height:40px}.form-hint{font-size:11px;color:var(--muted);margin-top:5px}.form-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.form-section h2{font-size:16px;margin:0 0 4px}.form-section>p{color:var(--muted);font-size:12px;margin-bottom:18px}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#edf2f5;color:#44586a;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:start}.data-table tr:hover td{background:#f9fbfc}.name-stack strong,.name-stack small{display:block}.name-stack small{color:var(--muted)}.platform-badge{display:inline-block;padding:3px 8px;border-radius:4px;background:#e5edf3;color:#294c67;font-weight:700;font-size:11px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:100px;font-size:11px;font-weight:750;white-space:nowrap}.status-chip.success,.status-chip.enabled{background:#d7eee2;color:#0e5836}.status-chip.warning,.status-chip.pending{background:#f5e8bc;color:#684d00}.status-chip.danger,.status-chip.failed{background:#f5d9d7;color:#7d1b13}.status-chip.neutral,.status-chip.disabled{background:#e7ecf0;color:#445463}.mono,time,.metric-value{font-family:"Cascadia Mono","Segoe UI Mono",Consolas,monospace;font-variant-numeric:tabular-nums}.actions{display:flex;gap:6px;flex-wrap:wrap}.btn{border-radius:6px;font-weight:650}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-outline-primary{color:var(--accent);border-color:var(--accent)}.empty-state{text-align:center;padding:44px 20px}.empty-state .empty-symbol{font-size:30px;color:#7890a4}.empty-state h2{font-size:18px;margin:12px 0 5px}.empty-state p{color:var(--muted);max-width:560px;margin:0 auto 18px}.article-row{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}.article-row h2{font-size:16px;margin:5px 0}.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px}.ops-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:7px;margin-bottom:16px;border:1px solid}.ops-toast.success{background:#e6f3ec;border-color:#9bcbb2}.ops-toast.error{background:#f9e5e3;border-color:#d9a09a}.ops-toast p{margin:2px 0 0}.ops-toast button{margin-inline-start:auto;border:0;background:transparent;font-size:20px}.definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.definition-item{background:#fff;padding:15px}.definition-item dt{font-size:11px;color:var(--muted)}.definition-item dd{margin:5px 0 0;font-weight:650}.pagination-wrap{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px;font-size:12px}.page-link.disabled{pointer-events:none;opacity:.45}:focus-visible{outline:3px solid #62a8d3!important;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.ops-toast{animation:toast-in .18s ease-out}@keyframes toast-in{from{transform:translateY(-5px);opacity:0}}}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.definition-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ops-sidebar{position:fixed;inset-inline-start:-260px;transition:inset-inline-start .18s}.ops-sidebar.open{inset-inline-start:0}.nav-toggle{display:block}.ops-content{padding:16px}.ops-topbar{padding:0 14px}.account-copy,.topbar-context small{display:none}.page-header{display:block}.page-actions{margin-top:12px}.filter-grid,.metric-grid,.definition-grid{grid-template-columns:1fr}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block}.data-table tr{border-bottom:1px solid var(--line);padding:9px}.data-table td{border:0;padding:5px}.article-row{grid-template-columns:1fr}.ops-sidebar{height:100vh}}html[dir=ltr] .ops-sidebar{direction:ltr}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}