:root{--bg:#0f1a24;--panel:#162433;--panel2:#1c2e40;--line:#2a4055;--text:#e8eef4;--muted:#8fa3b8;--accent:#2dd4a8;--accent2:#3b82f6;--danger:#f87171;--warn:#fbbf24;--radius:12px;--shadow:0 8px 28px #00000047;color:var(--text);background:var(--bg);font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 100% -10%, #2dd4a81f, transparent 55%), radial-gradient(900px 500px at -10% 110%, #3b82f61a, transparent 50%), var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--line);background:linear-gradient(#132030,#0d1620);height:100vh;padding:1.1rem .85rem;position:sticky;top:0;overflow:auto}.brand{letter-spacing:-.02em;color:var(--accent);padding:.4rem .7rem 1rem;font-size:1.35rem;font-weight:700}.nav a,.nav button.nav-link{width:100%;color:var(--muted);text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:.55rem;margin-bottom:.2rem;padding:.55rem .75rem;display:flex}.nav a.active,.nav a:hover,.nav button.nav-link:hover{color:var(--text);background:#2dd4a81f}.main{padding:1.25rem 1.5rem 2rem}.page-title{margin:0 0 1rem;font-size:1.45rem;font-weight:700}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#162433eb;padding:1rem}.grid{gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border-radius:var(--radius);background:linear-gradient(145deg, var(--panel2), var(--panel));border:1px solid var(--line);padding:1rem}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{margin-top:.25rem;font-size:1.45rem;font-weight:700}.btn{background:var(--accent);color:#06261d;border:0;border-radius:10px;padding:.55rem .95rem;font-weight:600}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.btn.danger{color:var(--danger);background:#f8717133}.btn:disabled{opacity:.5;cursor:not-allowed}.field{gap:.35rem;margin-bottom:.75rem;display:grid}.field label{color:var(--muted);font-size:.85rem}.field input,.field select,.field textarea{border:1px solid var(--line);background:#0d1620;border-radius:10px;padding:.55rem .7rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:right;padding:.55rem .45rem;font-size:.92rem}th{color:var(--muted);font-weight:600}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:min(420px,100%);padding:1.5rem}.err{color:var(--danger);background:#f8717126;border-radius:8px;margin-bottom:.75rem;padding:.6rem .75rem}.pill{color:var(--accent);background:#2dd4a826;border-radius:999px;padding:.15rem .5rem;font-size:.8rem;display:inline-block}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}