@font-face{font-family:IranSansX;src:url('../fonts/iransansx-body-regular-400.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:IranSansX;src:url('../fonts/iransansx-heading-bold-700.woff') format('woff');font-weight:700;font-display:swap}
:root{--bg:#050a10;--surface:#081624;--elevated:#102538;--text:#f5f8fc;--muted:#91a398;--primary:#00c8ff;--success:#00ee76;--warning:#ffa726;--danger:#ff5262;--border:rgba(0,200,255,.16);--radius:16px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:IranSansX,system-ui,sans-serif;line-height:1.7;direction:rtl;background-image:radial-gradient(circle at 15% 15%,rgba(0,200,255,.07),transparent 38%)}h1,h2{font-weight:700;margin:.15rem 0 1rem}h1{font-size:clamp(1.5rem,3vw,2.1rem)}h2{font-size:1.2rem}.muted,small{color:var(--muted)}.eyebrow{color:var(--primary);font-size:.72rem;letter-spacing:.12em;margin:0}.auth-page{display:grid;place-items:center;padding:1rem}.auth-card{width:min(100%,440px);padding:2.4rem;background:rgba(8,22,36,.92);border:1px solid var(--border);border-radius:24px;box-shadow:0 18px 60px rgba(0,0,0,.4)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--primary);border-radius:14px;color:var(--primary);font-weight:700;font-size:1.5rem;box-shadow:0 0 24px rgba(0,200,255,.18)}label{display:block;margin:1rem 0 .3rem}input:not([type=checkbox]){width:100%;padding:.75rem 1rem;background:#06111d;border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.form-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.7rem 0}.checkbox-label{margin:0;font-size:.9rem}.checkbox-label input{accent-color:var(--primary)}a{color:var(--primary)}.button{border:0;border-radius:10px;padding:.62rem 1rem;color:var(--text);font:inherit;cursor:pointer}.button-primary{width:100%;background:var(--primary);color:#031019;font-weight:700;margin-top:1rem}.button-secondary{background:rgba(0,200,255,.12);color:var(--primary)}.button-ghost{background:transparent;border:1px solid var(--border)}.security-note,.form-message{font-size:.82rem;color:var(--muted);margin-top:1rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;padding:1.4rem;background:rgba(8,22,36,.86);border-left:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.15rem;margin-bottom:2rem}.brand .brand-mark{width:36px;height:36px;font-size:1.1rem}.nav-link{display:block;padding:.7rem 1rem;border-radius:10px;color:var(--muted);margin:.25rem 0}.nav-link:hover,.nav-link.active{background:rgba(0,200,255,.1);color:var(--text)}.sidebar-footer{margin-top:auto;color:var(--muted);font-size:.75rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-left:.35rem}.main-content{width:min(1400px,100%);padding:2rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.account{display:flex;align-items:center;gap:1rem;color:var(--muted)}.notice{padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px;color:var(--muted);margin-bottom:1.5rem}.notice.online{border-color:rgba(0,238,118,.35);color:var(--success)}.notice.error{border-color:rgba(255,82,98,.35);color:var(--danger)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card,.panel{background:rgba(8,22,36,.86);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.kpi-card span,.kpi-card small{display:block;color:var(--muted)}.kpi-card strong{display:block;font-size:2rem;color:var(--primary);margin:.25rem 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.empty-state strong{display:block;color:var(--text);margin-bottom:.5rem}
@media(max-width:800px){.app-shell{display:block}.sidebar{width:auto;border-left:0;border-bottom:1px solid var(--border)}.sidebar nav{display:flex;overflow:auto;gap:.3rem}.sidebar-footer{margin-top:1rem}.main-content{padding:1rem}.topbar{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.kpi-grid{grid-template-columns:1fr}.auth-card{padding:1.5rem}}