:root{--bg:#f5f7fb;--card:#fff;--text:#142033;--muted:#66758c;--line:#e3e8f0;--brand:#1450d2;--brand-2:#0f3ca3;--brand-soft:#e8efff;--ok:#138a52;--ok-soft:#e4f6ec;--warn:#b26a00;--warn-soft:#fff3df;--bad:#c62f2f;--bad-soft:#fde9e9;--radius:12px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814}@media (prefers-color-scheme:dark){:root{--bg:#0e1420;--card:#161e2d;--text:#e7ecf4;--muted:#93a1b8;--line:#263247;--brand:#5b8cff;--brand-2:#86a9ff;--brand-soft:#1c2945;--ok:#46c98a;--ok-soft:#14301f;--warn:#f0b04a;--warn-soft:#33270f;--bad:#ff7676;--bad-soft:#3a1717}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Almarai,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 16px;font-size:22px}h2{margin:0 0 12px;font-size:17px}.muted{color:var(--muted)}.small{font-size:13px}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{background:var(--card);border-inline-end:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 12px;display:flex}.side .logo{color:var(--brand);padding:4px 10px 14px;font-size:20px;font-weight:800}.side .store{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:8px;padding:0 10px 12px;font-size:13px}.side a{color:var(--text);border-radius:8px;padding:8px 10px}.side a:hover{background:var(--brand-soft);text-decoration:none}.side .grow{flex:1}.main{width:100%;max-width:1150px;padding:24px}@media (max-width:760px){.shell{grid-template-columns:1fr}.side{border-inline-end:0;border-bottom:1px solid var(--line);flex-flow:wrap;padding:10px}.side .logo,.side .store{border:0;margin:0;padding:4px 8px}.side .grow{display:none}.main{padding:16px}.grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .v{font-size:24px;font-weight:800}.stat .l{color:var(--muted);font-size:13px}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}input[type=checkbox]{width:auto}.field{flex:1;min-width:140px;margin-bottom:12px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px;display:grid}.btn{font:inherit;cursor:pointer;background:var(--brand);color:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex}.btn:hover{background:var(--brand-2);text-decoration:none}.btn.ghost{color:var(--brand);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--brand-soft)}.btn.danger{background:var(--bad)}.btn.small{padding:4px 10px;font-size:13px}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}th{color:var(--muted);font-size:13px;font-weight:700}.table-wrap{overflow-x:auto}.badge{background:var(--brand-soft);color:var(--brand);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.muted{background:var(--line);color:var(--muted)}.flash{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-weight:700}.flash.ok{background:var(--ok-soft);color:var(--ok)}.flash.err{background:var(--bad-soft);color:var(--bad)}.banner{background:var(--warn-soft);color:var(--warn);border-radius:8px;margin-bottom:16px;padding:8px 14px}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.auth .card{width:100%;max-width:420px}.auth .logo{color:var(--brand);text-align:center;margin-bottom:4px;font-size:28px;font-weight:800}details summary{cursor:pointer;color:var(--brand)}