:root{--bg:#0b1220;--panel:#131c2e;--panel-2:#1b2740;--border:#25324d;--text:#e7edf7;--muted:#94a3b8;--primary:#3b82f6;--primary-2:#2563eb;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--radius:12px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Cairo,system-ui,sans-serif;direction:rtl}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-left:1px solid var(--border);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-size:18px;font-weight:800;margin-bottom:6px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:12px}.nav{margin-top:18px;flex-direction:column;gap:4px}.nav,.nav a{display:flex}.nav a{padding:10px 12px;border-radius:10px;color:var(--muted);align-items:center;gap:10px;font-size:14px}.nav a:hover{background:var(--panel-2);color:var(--text)}.nav a.active{background:var(--primary);color:#fff}.nav .group{color:#64748b;font-size:11px;margin:14px 8px 4px;letter-spacing:.04em}.main{padding:26px 30px}.page-title{font-size:22px;font-weight:700;margin:0 0 4px}.page-sub{color:var(--muted);margin:0 0 22px;font-size:13px}.grid{display:grid;grid-gap:16px;gap:16px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1000px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr 1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card h3{margin:0 0 10px;font-size:15px}.stat{font-size:30px;font-weight:800}.stat-label{color:var(--muted);font-size:13px}.btn{background:var(--primary);color:#fff;border:none;cursor:pointer;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600}.btn:hover{background:var(--primary-2)}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}label{font-size:13px;color:var(--muted);display:block;margin:10px 0 6px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:right;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted)}.badge,th{font-weight:600;font-size:12px}.badge{padding:3px 9px;border-radius:999px;display:inline-block}.badge.gray{background:#334155;color:#cbd5e1}.badge.blue{background:rgba(59,130,246,.18);color:#93c5fd}.badge.green{background:rgba(34,197,94,.18);color:#86efac}.badge.amber{background:rgba(245,158,11,.18);color:#fcd34d}.badge.red{background:rgba(239,68,68,.18);color:#fca5a5}.row{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.muted{color:var(--muted)}.progress{height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--primary)}