:root{--navy-900: #071528;--navy-800: #0b1f3a;--navy-700: #12305a;--navy-100: #dfe7f3;--gold-600: #a8851a;--gold-500: #c9a227;--gold-100: #f6edcf;--ink: #0b1f3a;--text: #1c2a3f;--muted: #5d6b82;--line: #e3e8f0;--bg: #f5f7fb;--surface: #ffffff;--primary: var(--navy-800);--accent: var(--gold-500);--success: #17794b;--danger: #b3261e;--danger-bg: #fdecea;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgb(11 31 58 / 6%), 0 1px 3px rgb(11 31 58 / 8%);--shadow-lg: 0 12px 32px rgb(11 31 58 / 14%);--primary-hover: var(--navy-700);--on-accent: var(--navy-900);--accent-hover: #d9b53e;--soft: #eef2f8;--soft-2: #e6ebf3;--field-bg: var(--surface);--field-border: #cfd7e4;--field-border-strong: #b9c5d8;--focus: var(--navy-700);--focus-ring: rgb(18 48 90 / 14%);--selected: var(--navy-800);--selected-ring: rgb(11 31 58 / 10%);--success-bg: #dff3e8;--danger-border: #f0c5c1;--badge-bg: var(--navy-100);--badge-text: var(--navy-800);--badge-gold-text: #6d5510;--tint: #fffdf6;--band: var(--navy-800);--side-bg: var(--navy-800);--side-text: #c9d4e6;--side-muted: #7f93b3;--side-active: rgb(201 162 39 / 18%);--side-ink: #fff;--side-hover: rgb(255 255 255 / 8%);--side-line: rgb(255 255 255 / 12%);--toast-bg: var(--ink);--skeleton-a: #e9edf4;--skeleton-b: #f4f6fa;--font-latin: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Tajawal", "Segoe UI", Tahoma, sans-serif;--font: var(--font-latin)}:root[lang=ar]{--font: var(--font-arabic);line-height:1.75}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.55}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page){color-scheme:dark;--navy-900: #000;--navy-800: #0d0d0f;--navy-700: #ff6a3d;--navy-100: #2a2a30;--gold-600: #ff6a3d;--gold-500: #ff4a1c;--gold-100: rgb(255 74 28 / 14%);--ink: #fff;--text: #ececef;--muted: #b4b4bc;--line: #33333b;--bg: #141417;--surface: #1e1e23;--primary: #ff4a1c;--primary-hover: #ff6a3d;--accent: #ff4a1c;--on-accent: #fff;--accent-hover: #ff6a3d;--success: #34d399;--success-bg: rgb(52 211 153 / 14%);--danger: #f87171;--danger-bg: rgb(248 113 113 / 12%);--danger-border: rgb(248 113 113 / 35%);--soft: #2a2a30;--soft-2: #232328;--field-bg: #17171b;--field-border: #3f3f48;--field-border-strong: #575762;--focus: #ff4a1c;--focus-ring: rgb(255 74 28 / 25%);--selected: #ff4a1c;--selected-ring: rgb(255 74 28 / 22%);--badge-bg: #2a2a30;--badge-text: #e4e4e7;--badge-gold-text: #ff8a5c;--tint: rgb(255 74 28 / 6%);--band: radial-gradient(70% 120% at 50% 0%, rgb(255 74 28 / 20%), transparent 70%);--side-bg: #0c0c0e;--side-text: #c4c4cc;--side-muted: #7c7c86;--side-active: rgb(255 74 28 / 14%);--side-ink: #fff;--side-hover: rgb(255 255 255 / 7%);--side-line: rgb(255 255 255 / 10%);--logo-bg: #0c0c0e;--toast-bg: #2e2e35;--skeleton-a: #222227;--skeleton-b: #2c2c32;--shadow-sm: 0 1px 2px rgb(0 0 0 / 35%), 0 8px 24px rgb(0 0 0 / 18%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 60%)}:root[data-theme=light]:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page){color-scheme:light;--navy-700: #e8400f;--navy-100: #f1f1f4;--gold-600: #e8400f;--gold-500: #ff4a1c;--gold-100: rgb(255 74 28 / 10%);--ink: #18181b;--text: #27272a;--muted: #6b6b76;--line: #e6e6ea;--bg: #f6f6f8;--surface: #fff;--primary: #ff4a1c;--primary-hover: #e8400f;--accent: #ff4a1c;--on-accent: #fff;--accent-hover: #e8400f;--success: #15803d;--success-bg: #dcfce7;--danger: #dc2626;--danger-bg: #fee2e2;--danger-border: #fecaca;--soft: #f1f1f4;--soft-2: #ececf0;--field-bg: #fff;--field-border: #d4d4dc;--field-border-strong: #b4b4be;--focus: #ff4a1c;--focus-ring: rgb(255 74 28 / 18%);--selected: #ff4a1c;--selected-ring: rgb(255 74 28 / 15%);--badge-bg: #f1f1f4;--badge-text: #27272a;--badge-gold-text: #c2410c;--tint: rgb(255 74 28 / 5%);--side-bg: #fff;--side-text: #52525b;--side-muted: #8a8a94;--side-ink: #18181b;--side-hover: rgb(24 24 27 / 5%);--side-line: #e6e6ea;--side-active: rgb(255 74 28 / 10%);--logo-bg: #18181b;--band: radial-gradient(70% 120% at 50% 0%, rgb(255 74 28 / 14%), transparent 70%);--toast-bg: #18181b;--skeleton-a: #ececf0;--skeleton-b: #f6f6f8;--shadow-sm: 0 1px 2px rgb(24 24 27 / 6%), 0 1px 3px rgb(24 24 27 / 8%);--shadow-lg: 0 12px 32px rgb(24 24 27 / 14%)}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page){--scroll-thumb: rgb(255 255 255 / 18%);--scroll-thumb-hover: rgb(255 74 28 / 60%)}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page),:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) *{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) ::-webkit-scrollbar{inline-size:8px;block-size:8px}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) ::-webkit-scrollbar-track{background:transparent}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) ::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scroll-thumb);border:2px solid transparent;background-clip:padding-box}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) ::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) *:hover{scrollbar-color:var(--scroll-thumb-hover) transparent}:root[data-theme=light]:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page){--scroll-thumb: rgb(24 24 27 / 20%)}:root:has(x1-dashboard-shell,x1-auth-page,x1-auth-callback-page,x1-onboarding-page) body{background:radial-gradient(1400px 520px at 50% -260px,var(--glow, rgba(255, 74, 28, .05)),transparent 75%),var(--bg) fixed;background-attachment:fixed}:root[data-theme=light]{--glow: rgb(255 74 28 / 3%)}:root:not([data-theme=light]):has(app-root:empty) body{background:#141417}html:has(x1-landing-page),html:has(x1-landing-page) body{background:#0b0b0c;color-scheme:dark;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink);line-height:1.25;letter-spacing:-.01em}:root[lang=ar] :is(h1,h2,h3,h4){letter-spacing:0;line-height:1.5}a{color:inherit}img{max-inline-size:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:44px;padding:.55rem 1.1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--primary-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.accent{background:var(--accent);color:var(--on-accent)}.btn.accent:hover{background:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{background:var(--soft)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger-border)}.btn.danger:hover{background:var(--danger-bg)}.btn.sm{min-block-size:36px;padding:.3rem .75rem;font-size:.875rem}.btn.block{inline-size:100%}.btn.icon{padding:0;inline-size:40px;min-block-size:40px}.field{display:grid;gap:.35rem}.field>label,.field>.label{font-size:.875rem;font-weight:600;color:var(--ink)}.field .hint{font-size:.8rem;color:var(--muted)}.field .error{font-size:.8rem;color:var(--danger)}.input,.field input:not([type=checkbox],[type=radio],[type=color],[type=range]),.field select,.field textarea{inline-size:100%;min-block-size:44px;padding:.55rem .8rem;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.input:focus,.field input:not([type=checkbox],[type=radio],[type=color],[type=range]):focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.input.ng-invalid.ng-touched,.field input:not([type=checkbox],[type=radio],[type=color],[type=range]).ng-invalid.ng-touched,.field select.ng-invalid.ng-touched,.field textarea.ng-invalid.ng-touched{border-color:var(--danger)}.field textarea{min-block-size:110px;resize:vertical}.ltr-input,input[type=url],input[type=email],input[type=tel]{direction:ltr;text-align:start}:root[dir=rtl] :is(.ltr-input,input[type=url],input[type=email],input[type=tel]){text-align:end}.form-grid{display:grid;gap:1rem}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}}.switch{position:relative;inline-size:44px;block-size:26px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;inset:0;border-radius:999px;background:var(--field-border-strong);transition:background .15s}.switch span:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:20px;block-size:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:inset-inline-start .15s}.switch input:checked+span{background:var(--success)}.switch input:checked+span:after{inset-inline-start:21px}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.card-title{font-size:1rem;font-weight:700;margin-block-end:1rem}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-block-end:1.25rem}.page-head h1{font-size:1.5rem}.page-head p{color:var(--muted);font-size:.925rem}.stack{display:grid;gap:1rem}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.badge{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:.72rem;font-weight:700}.badge.gold{background:var(--gold-100);color:var(--badge-gold-text)}.badge.green{background:var(--success-bg);color:var(--success)}.badge.gray{background:var(--soft);color:var(--muted)}.tabs{display:flex;gap:.25rem;overflow-x:auto;border-block-end:1px solid var(--line);margin-block-end:1.25rem}.tabs button{padding:.7rem 1rem;border:0;border-block-end:2px solid transparent;background:none;color:var(--muted);font-weight:600;white-space:nowrap;cursor:pointer}.tabs button[aria-selected=true]{color:var(--ink);border-block-end-color:var(--accent)}.empty{padding:2rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--field-border);border-radius:var(--radius)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}