:root{--brand-font-latin:var(--font-inter),"Inter","Roboto",sans-serif;--brand-font-arabic:var(--font-tajawal),"Tajawal",sans-serif;--brand-font-heading:var(--brand-font-latin);--brand-font-body:var(--brand-font-latin);--graphite-0:#fbfcfd;--graphite-1:#f3f4f6;--graphite-2:#e5e6ea;--graphite-3:#d9d9d6;--graphite-4:#9295a0;--graphite-5:#6a6e78;--graphite-6:#4c515a;--graphite-7:#2b2f37;--graphite-8:#15181d;--graphite-9:#0a0b0f;--navy-300:#b5c2d5;--navy-400:#2c3d5a;--navy-500:#0f1b2d;--navy-600:#061121;--navy-700:#04091a;--done-green-300:#d2e8b8;--done-green-500:#7fbf3f;--done-green-600:#65a032;--marine-300:#a4c0d8;--marine-500:#4682b4;--marine-600:#36648b;--color-primary:var(--navy-500);--color-primary-hover:var(--navy-400);--color-primary-light:var(--navy-300);--color-primary-fg:#ffffff;--color-accent:var(--done-green-500);--color-accent-hover:var(--done-green-600);--color-accent-light:var(--done-green-300);--color-accent-fg:var(--navy-500);--color-success:#166534;--color-success-bg:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#92400e;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-danger:#991b1b;--color-danger-bg:#fee2e2;--color-danger-border:#fecaca;--accent-green:var(--done-green-500);--accent-green-hover:var(--done-green-600);--accent-green-muted:color-mix(in srgb,var(--done-green-500) 16%,transparent);--accent-green-subtle:color-mix(in srgb,var(--done-green-500) 8%,transparent);--accent-tint-soft:color-mix(in srgb,var(--done-green-500) 6%,transparent);--accent-tint:color-mix(in srgb,var(--done-green-500) 10%,transparent);--accent-tint-strong:color-mix(in srgb,var(--done-green-500) 18%,transparent);--accent-border:color-mix(in srgb,var(--done-green-500) 22%,transparent);--accent-border-hover:color-mix(in srgb,var(--done-green-500) 32%,transparent);--info-tint:color-mix(in srgb,var(--marine-500) 10%,transparent);--info-tint-strong:color-mix(in srgb,var(--marine-500) 18%,transparent);--info-border:color-mix(in srgb,var(--marine-500) 24%,transparent);--color-chrome-bg:var(--graphite-0);--color-chrome-surface:#ffffff;--color-chrome-surface-sunken:var(--graphite-1);--color-chrome-border:var(--graphite-2);--color-chrome-border-strong:var(--graphite-3);--color-chrome-fg:var(--graphite-8);--color-chrome-fg-muted:var(--graphite-5);--color-chrome-accent:var(--navy-500);--color-chrome-accent-hover:var(--navy-400);--color-chrome-accent-fg:#ffffff;--dash-surface:#f6f8fb;--dash-panel:#ffffff;--dash-border:#e6ebf2;--dash-fg:#0f2447;--dash-fg-muted:#64748b;--dash-grid:rgba(15,36,71,0.1);--dash-accent:var(--color-primary);--dash-elev:0 1px 2px rgba(15,36,71,0.06),0 4px 12px rgba(15,36,71,0.06);--color-rail-bg:var(--navy-500);--color-rail-surface:var(--navy-600);--color-rail-border:rgba(255,255,255,0.08);--color-rail-border-strong:rgba(255,255,255,0.18);--color-rail-fg:#ffffff;--color-rail-fg-muted:rgba(255,255,255,0.64);--primary:var(--navy-500);--primary-foreground:#ffffff;--ring:var(--navy-500);--ring-accent:var(--navy-500);--sidebar-primary:var(--navy-500);--sidebar-primary-foreground:#ffffff;--sidebar-ring:var(--navy-500);--shadow-1:0 1px 2px rgba(15,27,45,0.05),0 1px 1px rgba(15,27,45,0.04);--shadow-2:0 4px 10px rgba(15,27,45,0.06),0 2px 4px rgba(15,27,45,0.04);--shadow-3:0 18px 40px rgba(15,27,45,0.12),0 6px 14px rgba(15,27,45,0.06);--shadow-luxury-sm:var(--shadow-1);--shadow-luxury-md:var(--shadow-2);--shadow-luxury-lg:var(--shadow-3);--shadow-luxury-xl:var(--shadow-3);--border-alpha-subtle:rgba(15,27,45,0.05);--border-alpha-default:rgba(15,27,45,0.1);--border-alpha-medium:rgba(15,27,45,0.16);--border-alpha-strong:rgba(15,27,45,0.22);--border-alpha-hover:rgba(15,27,45,0.28);--glass-subtle-bg:#ffffff;--glass-medium-bg:#ffffff;--glass-strong-bg:#ffffff;--glass-bg:#ffffff;--glass-bg-hover:var(--graphite-1);--glass-border:var(--color-chrome-border);--glass-blur:none}.dark{--graphite-0:#0c0f17;--graphite-1:#161b28;--graphite-2:color-mix(in oklab,#ffffff 8%,#242a3b);--graphite-3:#3a4154;--graphite-4:#5b6274;--graphite-5:#8990a0;--graphite-6:#c6cbd4;--graphite-7:#242a3b;--graphite-8:#161b28;--graphite-9:#0c0f17;--navy-300:#b5c2d5;--navy-400:#8a96a8;--navy-500:#2c3d5a;--navy-600:#0f1b2d;--navy-700:#04091a;--done-green-300:#d2e8b8;--done-green-500:#9ad265;--done-green-600:#7fbf3f;--marine-300:#c0d5e6;--marine-500:#6f9bc4;--marine-600:#4682b4;--color-primary:var(--navy-400);--color-primary-hover:var(--navy-300);--color-primary-light:rgba(44,61,90,0.3);--color-primary-fg:#ffffff;--color-accent:var(--done-green-500);--color-accent-hover:var(--done-green-300);--color-accent-light:rgba(143,203,92,0.22);--color-accent-fg:var(--navy-700);--color-success:#86efac;--color-success-bg:rgba(34,197,94,0.16);--color-success-border:rgba(134,239,172,0.3);--color-warning:#facc15;--color-warning-bg:rgba(250,204,21,0.16);--color-warning-border:rgba(250,204,21,0.3);--color-danger:#fca5a5;--color-danger-bg:rgba(239,68,68,0.16);--color-danger-border:rgba(252,165,165,0.3);--accent-green:var(--done-green-500);--accent-green-hover:var(--done-green-300);--accent-green-muted:rgba(143,203,92,0.22);--accent-green-subtle:rgba(143,203,92,0.12);--accent-tint-soft:rgba(143,203,92,0.1);--accent-tint:rgba(143,203,92,0.16);--accent-tint-strong:rgba(143,203,92,0.26);--accent-border:rgba(143,203,92,0.3);--accent-border-hover:rgba(200,225,179,0.4);--info-tint:rgba(111,155,196,0.16);--info-tint-strong:rgba(111,155,196,0.26);--info-border:rgba(111,155,196,0.32);--color-chrome-bg:var(--graphite-9);--color-chrome-surface:#161b28;--color-chrome-surface-sunken:var(--graphite-9);--color-chrome-border:rgba(198,203,212,0.14);--color-chrome-border-strong:rgba(198,203,212,0.26);--color-chrome-fg:#e8ebf1;--color-chrome-fg-muted:#9aa2b3;--color-chrome-accent:var(--navy-400);--color-chrome-accent-hover:var(--navy-300);--color-chrome-accent-fg:#ffffff;--dash-surface:#0b1524;--dash-panel:#16273f;--dash-border:#24384f;--dash-fg:#ffffff;--dash-fg-muted:#8aa0bb;--dash-grid:rgba(255,255,255,0.1);--dash-accent:var(--color-primary);--dash-elev:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.35);--color-rail-bg:var(--navy-600);--color-rail-surface:var(--navy-700);--color-rail-border:rgba(255,255,255,0.08);--color-rail-border-strong:rgba(255,255,255,0.16);--color-rail-fg:#f2f4f8;--color-rail-fg-muted:rgba(242,244,248,0.56);--primary:var(--navy-400);--primary-foreground:#ffffff;--ring:var(--navy-400);--ring-accent:var(--navy-400);--sidebar-primary:var(--navy-400);--sidebar-primary-foreground:#ffffff;--sidebar-ring:var(--navy-400);--shadow-1:0 1px 2px rgba(0,0,0,0.4),0 1px 1px rgba(0,0,0,0.3);--shadow-2:0 6px 16px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.3);--shadow-3:0 24px 50px rgba(0,0,0,0.6),0 10px 22px rgba(0,0,0,0.4);--shadow-luxury-sm:var(--shadow-1);--shadow-luxury-md:var(--shadow-2);--shadow-luxury-lg:var(--shadow-3);--shadow-luxury-xl:var(--shadow-3);--border-alpha-subtle:rgba(255,255,255,0.06);--border-alpha-default:rgba(255,255,255,0.12);--border-alpha-medium:rgba(255,255,255,0.18);--border-alpha-strong:rgba(255,255,255,0.26);--border-alpha-hover:rgba(255,255,255,0.34);--glass-subtle-bg:var(--color-chrome-surface);--glass-medium-bg:var(--color-chrome-surface);--glass-strong-bg:var(--color-chrome-surface);--glass-bg:var(--color-chrome-surface);--glass-bg-hover:var(--color-chrome-surface-sunken);--glass-border:var(--color-chrome-border);--glass-blur:none}@layer components{.portal-panel{background:var(--color-chrome-surface);box-shadow:var(--shadow-1)}.portal-panel,.portal-panel-muted{border:1px solid var(--color-chrome-border);border-radius:var(--portal-card-radius,8px)}.portal-panel-muted{background:var(--color-chrome-surface-sunken)}.portal-input{border:1px solid var(--color-chrome-border-strong);border-radius:var(--portal-card-radius,8px);background:var(--color-chrome-surface);color:var(--color-chrome-fg);box-shadow:var(--shadow-1)}.portal-input::-moz-placeholder{color:var(--color-chrome-fg-muted)}.portal-input::placeholder{color:var(--color-chrome-fg-muted)}.portal-input:focus,.portal-input:focus-visible{border-color:var(--color-accent);outline:2px solid color-mix(in srgb,var(--color-accent) 28%,transparent);outline-offset:1px}.portal-button-danger,.portal-button-primary,.portal-button-secondary,.portal-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--portal-card-radius,8px);font-weight:600;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.portal-button-primary{border:1px solid color-mix(in srgb,var(--color-accent) 70%,#000 8%);background:var(--color-accent);color:var(--color-accent-fg);box-shadow:var(--shadow-1)}.portal-button-primary:hover{background:var(--color-accent-hover)}.portal-button-secondary{border:1px solid var(--color-chrome-border-strong);background:var(--color-chrome-surface);color:var(--color-chrome-fg)}.portal-button-secondary:hover{background:var(--color-chrome-surface-sunken)}.portal-button-danger{border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.portal-icon-button{border:1px solid var(--color-chrome-border);background:var(--color-chrome-surface);color:var(--color-chrome-fg-muted)}.portal-button-danger:focus-visible,.portal-button-primary:focus-visible,.portal-button-secondary:focus-visible,.portal-icon-button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 34%,transparent);outline-offset:2px}.portal-empty-state{border:1px dashed var(--color-chrome-border-strong);border-radius:var(--portal-card-radius,8px);background:var(--color-chrome-surface);color:var(--color-chrome-fg-muted)}.portal-login-pattern{background-image:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.055) 1px,transparent 0,transparent 18px)}.portal-task-chrome{--portal-task-navy-300:#b5c2d5;--portal-task-navy-400:#2c3d5a;--portal-task-navy-500:#0f1b2d;--portal-task-navy-600:#061121;--portal-task-navy-700:#04091a;--portal-task-accent-green:#7fbf3f;--portal-task-graphite-0:#fbfcfd;--portal-task-graphite-1:#f3f4f6;--portal-task-graphite-2:#e5e6ea;--portal-task-graphite-3:#d9d9d6;--portal-task-graphite-5:#6a6e78;--portal-task-graphite-8:#15181d;--color-chrome-bg:var(--portal-task-graphite-0);--color-chrome-surface:#ffffff;--color-chrome-surface-sunken:var(--portal-task-graphite-1);--color-chrome-border:var(--portal-task-graphite-2);--color-chrome-border-strong:var(--portal-task-graphite-3);--color-chrome-fg:var(--portal-task-graphite-8);--color-chrome-fg-muted:var(--portal-task-graphite-5);--color-chrome-accent:var(--portal-task-navy-500);--color-chrome-accent-hover:var(--portal-task-navy-400);--color-chrome-accent-tint:var(--portal-task-navy-300);--color-chrome-accent-fg:#ffffff;--color-rail-bg:var(--portal-task-navy-500);--color-rail-surface:var(--portal-task-navy-600);--color-rail-surface-sunken:var(--portal-task-navy-700);--color-rail-border:rgba(255,255,255,0.08);--color-rail-fg:#ffffff;--color-rail-fg-muted:rgba(255,255,255,0.64);--color-rail-accent:#ffffff;--color-rail-accent-fg:var(--portal-task-navy-500);--shadow-1:0 1px 2px rgba(15,27,45,0.05),0 1px 1px rgba(15,27,45,0.04);--shadow-2:0 4px 10px rgba(15,27,45,0.06),0 2px 4px rgba(15,27,45,0.04)}.dark .portal-task-chrome{--portal-task-navy-300:#b5c2d5;--portal-task-navy-400:#8a96a8;--portal-task-navy-500:#2c3d5a;--portal-task-navy-600:#0f1b2d;--portal-task-navy-700:#04091a;--portal-task-graphite-9:#0c0f17;--color-chrome-bg:var(--portal-task-graphite-9);--color-chrome-surface:#161b28;--color-chrome-surface-sunken:var(--portal-task-graphite-9);--color-chrome-border:rgba(198,203,212,0.14);--color-chrome-border-strong:rgba(198,203,212,0.26);--color-chrome-fg:#e8ebf1;--color-chrome-fg-muted:#9aa2b3;--color-chrome-accent:var(--portal-task-navy-400);--color-chrome-accent-hover:var(--portal-task-navy-300);--color-chrome-accent-tint:rgba(138,150,168,0.18);--color-rail-bg:var(--portal-task-navy-600);--color-rail-surface:var(--portal-task-navy-600);--color-rail-surface-sunken:var(--portal-task-navy-700);--color-rail-fg:#f2f4f8;--color-rail-fg-muted:rgba(242,244,248,0.56);--color-rail-accent-fg:var(--portal-task-navy-600);--shadow-1:0 1px 2px rgba(4,9,18,0.5),0 1px 1px rgba(4,9,18,0.3);--shadow-2:0 6px 14px rgba(4,9,18,0.5),0 2px 6px rgba(4,9,18,0.4)}}