:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-ui:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--font-ar:"Tajawal", "Instrument Sans", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--bg:#f3f4f6;--bg-elevated:#fff;--bg-muted:#e9ebef;--ink:#111318;--ink-soft:#3a4050;--mute:#6b7285;--line:#d7dbe3;--line-soft:#eceef2;--accent:#0f766e;--accent-ink:#fff;--accent-soft:#0f766e1f;--accent-ring:#0f766e47;--ok:#047857;--ok-soft:#0478571f;--warn:#b45309;--warn-soft:#b453091f;--danger:#b91c1c;--danger-soft:#b91c1c1f;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1113180a, 0 8px 24px #1113180a;--header-h:56px;--rail-w:220px;--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--bg:#0b0d11;--bg-elevated:#141820;--bg-muted:#1b212c;--ink:#eef0f4;--ink-soft:#c3c8d4;--mute:#8b93a7;--line:#2a3140;--line-soft:#1e2430;--accent:#2dd4bf;--accent-ink:#042f2e;--accent-soft:#2dd4bf24;--accent-ring:#2dd4bf4d;--ok:#34d399;--ok-soft:#34d39924;--warn:#fbbf24;--warn-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--shadow:0 1px 2px #00000059, 0 12px 32px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d11;--bg-elevated:#141820;--bg-muted:#1b212c;--ink:#eef0f4;--ink-soft:#c3c8d4;--mute:#8b93a7;--line:#2a3140;--line-soft:#1e2430;--accent:#2dd4bf;--accent-ink:#042f2e;--accent-soft:#2dd4bf24;--accent-ring:#2dd4bf4d;--ok:#34d399;--ok-soft:#34d39924;--warn:#fbbf24;--warn-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--shadow:0 1px 2px #00000059, 0 12px 32px #00000059}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}html[dir=rtl] body{font-family:var(--font-ar)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:32px;padding:0 10px;font-size:12px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:var(--bg-elevated);border-color:var(--line);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--mute);color:var(--ink)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.field{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-height:40px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:0 12px}.field.area{resize:vertical;min-height:96px;padding:10px 12px}.field:hover{border-color:var(--mute)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.label{color:var(--mute);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.badge{letter-spacing:.02em;background:var(--bg-muted);color:var(--ink-soft);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.surface{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.surface-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.surface-head h2{margin:0;font-size:13px;font-weight:700}.surface>.pad,.pad{padding:18px}.empty{text-align:center;color:var(--mute);padding:40px 20px}.skeleton-stack{gap:12px;display:grid}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--line-soft), var(--line), var(--line-soft));background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0;font-size:11px;font-weight:700}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:8px 0 0;font-size:1.75rem;font-weight:700;line-height:1}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.page-title h1{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:700}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 4px;font-size:11px;font-weight:700}.page-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;display:flex}.grid{gap:16px;display:grid}.grid.cols-1{grid-template-columns:minmax(0,1fr)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.toast{inset-inline-start:50%;z-index:50;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;padding:12px 18px;font-weight:600;position:fixed;bottom:24px;transform:translate(-50%)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:start;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line);background:var(--bg-muted);padding:10px 14px;font-size:10px}.data-table td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:12px 14px}.data-table tr:hover td{background:var(--bg-muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .span-2{grid-column:1/-1}.muted{color:var(--mute)}.mono{font-family:var(--font-mono);font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=960px){.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid{grid-template-columns:1fr}}.hq{background:radial-gradient(1200px 480px at 10% -10%, var(--accent-soft), transparent 55%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.hq-top{height:var(--header-h);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.hq-brand{align-items:center;gap:12px;display:flex}.hq-brand strong{letter-spacing:-.02em;font-size:15px;font-weight:700;display:block}.hq-brand span{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:10px;font-weight:700;display:block}.hq-mark{background:linear-gradient(145deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #0f172a));width:36px;height:36px;color:var(--accent-ink);border-radius:10px;place-items:center;font-weight:800;display:grid}.hq-actions{gap:8px;display:flex}.hq-body{grid-template-columns:var(--rail-w) 1fr;flex:1;min-height:0;display:grid}.hq-rail{border-inline-end:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);top:var(--header-h);height:calc(100vh - var(--header-h));padding:16px 12px 32px;position:sticky;overflow:auto}.hq-group{margin-bottom:18px}.hq-group p{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 10px 8px;font-size:10px;font-weight:700}.hq-group a{border-radius:var(--radius-sm);color:var(--ink-soft);transition:background .12s var(--ease), color .12s var(--ease);margin-bottom:2px;padding:9px 12px;font-weight:500;display:block}.hq-group a:hover{background:var(--bg-muted);color:var(--ink)}.hq-group a.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.hq-main{width:100%;max-width:1180px;padding:24px clamp(16px,3vw,32px) 48px}@media (width<=860px){.hq-body{grid-template-columns:1fr}.hq-rail{border-inline-end:0;border-bottom:1px solid var(--line);gap:8px;height:auto;padding:12px;display:flex;position:static;overflow-x:auto}.hq-group{align-items:center;gap:4px;margin:0;display:flex}.hq-group p{display:none}.hq-group a{white-space:nowrap}}.gate{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.gate-atmosphere{background:radial-gradient(circle at 20% 20%, var(--accent-soft), transparent 40%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 45%), linear-gradient(160deg, var(--bg-muted), var(--bg));pointer-events:none;position:absolute;inset:-20%}.gate-toolbar{top:20px;z-index:2;gap:8px;display:flex;position:absolute;inset-inline-end:20px}.gate-card{z-index:1;background:var(--bg-elevated);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:32px;position:relative}.gate-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:11px;font-weight:700}.gate-card h1{letter-spacing:-.04em;margin:0;font-size:2.4rem;font-weight:800}.gate-card h2{margin:16px 0 8px;font-size:1.15rem}.gate-lede{color:var(--mute);margin:0 0 20px}.gate-form{gap:10px;margin-top:20px;display:grid}.gate-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);margin:14px 0 0;padding:10px 12px;font-size:13px}.fin-tabs{background:var(--bg-muted);border-radius:var(--radius);border:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:4px;display:flex}.fin-tab{border-radius:var(--radius-sm);height:36px;color:var(--mute);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;padding:0 14px;font-size:13px;font-weight:600}.fin-tab:hover{color:var(--ink);background:var(--bg-elevated)}.fin-tab.active{background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow)}.fin-alert{border-inline-start:3px solid var(--danger)}.fin-balance{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:8px 0 0;font-size:1.35rem;font-weight:700}.fin-meter{background:var(--line);border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.fin-meter>span{background:var(--accent);height:100%;transition:width .3s var(--ease);border-radius:999px;display:block}.fin-meter.over>span{background:var(--danger)}.fin-filter{border-bottom:1px solid var(--line-soft);margin:0}.money-pos{color:var(--ok);font-weight:600}.money-neg{color:var(--danger);font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.task-table tbody tr{cursor:pointer}.task-table tbody tr.selected td{background:var(--accent-soft)}.task-detail h3{margin:0 0 8px}.detail-kv{grid-template-columns:120px 1fr;gap:8px 16px;margin:0;display:grid}.detail-kv dt{color:var(--mute);margin:0;font-size:12px;font-weight:600}.detail-kv dd{margin:0}.brief{white-space:pre-wrap;margin:0;font-family:inherit;font-size:13px}