:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #273449;--line: #334155;--text: #e2e8f0;--muted: #94a3b8;--brand: #38bdf8;--brand-ink: #0b1220;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Vazirmatn,Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.7}a{color:var(--brand);text-decoration:none}h1,h2,h3{margin:0 0 .5rem;font-weight:700}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:2rem}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.auth-card h1{text-align:center;color:var(--brand)}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.auth-tabs button{flex:1}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.sidebar{background:var(--panel);border-inline-start:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar .logo{font-weight:800;color:var(--brand);font-size:1.25rem;padding:.5rem;margin-bottom:.5rem}.nav-link{display:block;padding:.6rem .8rem;border-radius:10px;color:var(--text)}.nav-link:hover{background:var(--panel-2)}.nav-link.active{background:var(--brand);color:var(--brand-ink);font-weight:700}.sidebar .spacer{flex:1}.main{padding:1.5rem 2rem;overflow:auto}.topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.topbar h2{margin:0}.topbar .right{margin-inline-start:auto;display:flex;align-items:center;gap:.75rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{display:block;margin:.75rem 0 .25rem;color:var(--muted);font-size:.85rem}input,select,textarea{width:100%;padding:.6rem .7rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}.row{display:flex;gap:.75rem;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.check{display:flex;align-items:center;gap:.5rem}.check input{width:auto}button{cursor:pointer;font:inherit;font-weight:600;padding:.6rem 1rem;background:var(--brand);color:var(--brand-ink);border:0;border-radius:10px}button:hover{filter:brightness(1.06)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button.danger{background:var(--red);color:#fff}button.sm{padding:.35rem .7rem;font-size:.8rem}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:.7rem .6rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge.up{color:var(--green);background:#22c55e1f}.badge.down{color:var(--red);background:#ef44441f}.badge.unknown{color:var(--muted);background:#94a3b81f}.badge.pending{color:var(--amber);background:#f59e0b1f}.muted{color:var(--muted)}.error{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.4);padding:.6rem .8rem;border-radius:10px;margin:.75rem 0}.success{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.4);padding:.6rem .8rem;border-radius:10px;margin:.75rem 0}.kpi{font-size:1.8rem;font-weight:800}.code{font-family:ui-monospace,monospace;background:var(--bg);padding:.15rem .4rem;border-radius:6px;word-break:break-all}.center{display:grid;place-items:center;min-height:60vh}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.sidebar .spacer{display:none}}