:root{--c-bg:#f4f6fa;--c-surface:#fff;--c-text:#1d2433;--c-muted:#6b7486;--c-primary:#1f4e78;--c-primary-2:#2f6fa8;--c-accent:#e8f0f9;--c-danger:#c0392b;--c-ok:#1e8a5a;--c-warn:#b7791f;--c-border:#e3e7ef;--c-th-bg:#f8fafc;--c-beta:#c0392b;--c-alpha:#1e8a5a;--c-on-primary:#fff;--c-nav-text:#dbe7f5;--c-pill:#f4b400;--font-ui:"Segoe UI", system-ui, sans-serif;--font-ar:"Segoe UI", system-ui, sans-serif;--font-size:14px;--line-height:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:26px;--radius:10px;--radius-sm:7px;--shadow:0 1px 3px #10182814;--sidebar-w:230px;--sidebar-w-collapsed:62px;--bp-mobile:900px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--c-bg:#0f1420;--c-surface:#182032;--c-text:#e8ecf4;--c-muted:#a3adc2;--c-primary-2:#7db3e6;--c-accent:#22324d;--c-danger:#ff8a7a;--c-ok:#46c98e;--c-warn:#e0a84a;--c-border:#2d3850;--c-th-bg:#1d2740}}*,:before,:after{box-sizing:border-box}body{font:var(--font-size)/var(--line-height) var(--font-ui);color:var(--c-text);background:var(--c-bg);min-height:100vh;margin:0}a{color:var(--c-primary-2)}h1{margin:0 0 4px;font-size:22px}[dir=auto]{text-align:start;font-family:var(--font-ar);unicode-bidi:plaintext}input[type=email],.ltr{text-align:left;direction:ltr;unicode-bidi:isolate}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--c-border);text-align:start;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;padding:7px 9px}th{background:var(--c-th-bg);color:var(--c-muted);font-size:12px;font-weight:600}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{max-width:100%;overflow-x:auto}input,select,textarea{font:inherit;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);max-width:100%;padding:7px 9px}input:focus,select:focus,textarea:focus{outline:2px solid var(--c-accent);border-color:var(--c-primary-2)}.btn{font:inherit;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:7px 13px}.btn:hover{border-color:var(--c-primary-2)}.btn.primary{background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary)}.btn.primary:hover{background:var(--c-primary-2)}.btn.danger{color:var(--c-danger)}.btn.ghost{background:0 0;border-color:#0000}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--c-primary-2);outline-offset:2px}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--c-muted)}.ver{color:#fff;border-radius:5px;padding:1px 8px;font-weight:700;display:inline-block}.ver.beta{background:var(--c-beta)}.ver.alpha{background:var(--c-alpha)}@media (prefers-color-scheme:dark){.btn.primary:hover{background:#2f6fa8}}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);grid-column:1/-1;display:flex}.sidebar{background:var(--c-primary);color:var(--c-nav-text);flex-direction:column;justify-content:space-between;min-width:0;display:flex}.sidebar ul{padding:var(--space-2);margin:0;list-style:none}.sidebar a{justify-content:space-between;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--c-nav-text);overflow-wrap:anywhere;padding:8px 10px;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a.active{color:var(--c-on-primary);background:#ffffff24}.sidebar .ar{opacity:.85;font-size:12px}.side-foot{padding:var(--space-3) var(--space-4);font-size:12px}.content{padding:var(--space-5);min-width:0}.pad{padding:var(--space-4)}.auth-wrap{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth-card{gap:var(--space-3);width:min(100%,380px);display:grid}.auth-card label{gap:var(--space-1);font-weight:600;display:grid}.auth-card input{width:100%}.error{color:var(--c-danger);margin:0}.qr{justify-self:center;max-width:100%;height:auto}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{grid-row:2}.sidebar ul{gap:var(--space-1);flex-wrap:wrap;display:flex}.content{padding:var(--space-3);grid-row:3}}.auth-wrap{background:linear-gradient(160deg, var(--c-bg) 0%, var(--c-bg) 55%, var(--c-accent) 100%)}.auth-stack{gap:var(--space-4);width:min(100%,400px);min-width:0;display:grid}.auth-brand{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.auth-logo{border-radius:10px;width:44px;height:44px;display:block}.auth-product{letter-spacing:.2px;color:var(--c-text);overflow-wrap:anywhere;font-size:24px;font-weight:700}.auth-beta{letter-spacing:1px;padding:3px 10px;font-size:13px}.auth-panel{gap:var(--space-3);min-width:0;display:grid;box-shadow:0 6px 24px #1018281f}.auth-company{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border);min-height:36px;display:flex}.auth-company-logo{object-fit:contain;max-width:120px;height:36px}.auth-company-name{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600}.auth-company-name.ar{color:var(--c-muted);font-weight:500}.auth-form{gap:var(--space-3);min-width:0;display:grid}.auth-form h1,.auth-form p{margin:0}.field{gap:var(--space-1);min-width:0;display:grid}.field>label{font-weight:600}.field input{width:100%;min-height:40px}.auth-submit{width:100%;min-height:42px}.auth-links{text-align:center}.pw-wrap{display:flex;position:relative}.pw-wrap input{padding-inline-end:44px}.pw-toggle{width:44px;color:var(--c-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.pw-toggle:hover,.pw-toggle[aria-pressed=true]{color:var(--c-primary-2)}.pw-eye{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (width<=400px){.auth-product{font-size:20px}.auth-wrap{padding:var(--space-3)}}@media (prefers-color-scheme:dark){.auth-panel{box-shadow:0 6px 24px #00000073}}
