@layer tokens{@theme{ --color-hal-primary: #4f46e5; --color-hal-primary-hover: #4338ca; --color-hal-primary-light: #eef2ff; --color-hal-success: #16a34a; --color-hal-warning: #f59e0b; --color-hal-danger: #dc2626; --color-hal-info: #0284c7; }:root{--hal-card-colour-yellow: #ca8a04;--hal-card-colour-yellow-bg: #fef9c3;--hal-card-colour-pink: #db2777;--hal-card-colour-pink-bg: #fce7f3;--hal-card-colour-purple: #7c3aed;--hal-card-colour-purple-bg: #ede9fe;--hal-card-colour-blue: #2563eb;--hal-card-colour-blue-bg: #dbeafe;--hal-card-colour-green: #059669;--hal-card-colour-green-bg: #d1fae5;--hal-card-colour-orange: #ea580c;--hal-card-colour-orange-bg: #ffedd5;--hal-card-colour-teal: #0f766e;--hal-card-colour-teal-bg: #ccfbf1;--hal-card-colour-grey: #64748b;--hal-card-colour-grey-bg: #e2e8f0;--hal-font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Roboto Mono", Menlo, Consolas, monospace;color-scheme:light;--hal-scrollbar-thumb: rgba(0, 0, 0, .15);--hal-scrollbar-thumb-hover: rgba(0, 0, 0, .25);--hal-bg: #ffffff;--hal-bg-secondary: #f8fafc;--hal-bg-tertiary: #f1f5f9;--hal-surface-recessed: #f1f5f9;--hal-bg-hover: #f1f5f9;--hal-bg-active: #e2e8f0;--hal-text: #0f172a;--hal-text-secondary: #475569;--hal-text-muted: #5b6875;--hal-text-inverse: #ffffff;--hal-border: #e2e8f0;--hal-border-focus: #4f46e5;--hal-primary: #4f46e5;--hal-primary-hover: #4338ca;--hal-primary-light: #eef2ff;--hal-sidebar-bg: #1e1b4b;--hal-sidebar-text: #e0e7ff;--hal-sidebar-text-muted: #a5b4fc;--hal-sidebar-hover: #312e81;--hal-sidebar-active: #3730a3;--hal-sidebar-active-fg: var(--hal-sidebar-text);--hal-bubble-own: #4f46e5;--hal-bubble-own-text: #ffffff;--hal-bubble-other: #f1f5f9;--hal-bubble-other-text: #0f172a;--hal-online: #16a34a;--hal-away: #f59e0b;--hal-offline: #94a3b8;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--hal-sidebar-width: 280px;--hal-sidebar-collapsed-width: 64px;--hal-header-height: 56px;--hal-app-icon-ink: #3C3C3C;--hal-project-icon-fill: #3C3C3C;--hal-support-icon-fill: #3C3C3C;--hal-crm-icon-fill: #3C3C3C;--hal-crm-card-person-fill: #FFFFFF}html,body{color:var(--hal-text);background-color:var(--hal-bg)}.dark{--hal-card-colour-yellow: #facc15;--hal-card-colour-yellow-bg: #2d2a00;--hal-card-colour-pink: #f472b6;--hal-card-colour-pink-bg: #500724;--hal-card-colour-purple: #c4b5fd;--hal-card-colour-purple-bg: #2e1065;--hal-card-colour-blue: #60a5fa;--hal-card-colour-blue-bg: #172554;--hal-card-colour-green: #4ade80;--hal-card-colour-green-bg: #052e16;--hal-card-colour-orange: #fb923c;--hal-card-colour-orange-bg: #431407;--hal-card-colour-teal: #5eead4;--hal-card-colour-teal-bg: #042f2e;--hal-card-colour-grey: #cbd5e1;--hal-card-colour-grey-bg: #334155;color-scheme:dark;--hal-scrollbar-thumb: rgba(255, 255, 255, .15);--hal-scrollbar-thumb-hover: rgba(255, 255, 255, .25);--hal-bg: #0f172a;--hal-bg-secondary: #1e293b;--hal-bg-tertiary: #334155;--hal-surface-recessed: #172033;--hal-bg-hover: #1e293b;--hal-bg-active: #334155;--hal-text: #f1f5f9;--hal-text-secondary: #cbd5e1;--hal-text-muted: #a0aec0;--hal-text-inverse: #0f172a;--hal-border: #334155;--hal-border-focus: #818cf8;--hal-primary: #818cf8;--hal-primary-hover: #6366f1;--hal-primary-light: #1e1b4b;--hal-sidebar-bg: #0f0d2b;--hal-sidebar-text: #e0e7ff;--hal-sidebar-text-muted: #a5b4fc;--hal-sidebar-hover: #1e1b4b;--hal-sidebar-active: #312e81;--hal-bubble-own: #4f46e5;--hal-bubble-own-text: #ffffff;--hal-bubble-other: #1e293b;--hal-bubble-other-text: #f1f5f9;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--hal-timeline-bar: #7D8FB3;--hal-app-icon-ink: #FFFFFF;--hal-project-icon-fill: #FFFFFF;--hal-support-icon-fill: #FFFFFF;--hal-crm-icon-fill: #FFFFFF;--hal-crm-card-person-fill: #FFFFFF}:root{--hal-accent: #7c3aed;--hal-accent-bg: #ede4ff;--hal-accent-fg: #5b21b6;--hal-focus-ring: #eef0ff;--hal-focus-border: #4f46e5;--hal-badge-neutral-bg: #eef0f5;--hal-badge-neutral-fg: #5a6076;--hal-badge-info-bg: #e1f1fb;--hal-badge-info-fg: #0284c7;--hal-badge-success-bg: #dff5ea;--hal-badge-success-fg: #059669;--hal-badge-warning-bg: #fdf1d8;--hal-badge-warning-fg: #d97706;--hal-badge-danger-bg: #fee4e2;--hal-badge-danger-fg: #b91c1c;--hal-priority-urgent-bg: #fee2e2;--hal-priority-urgent-fg: #b91c1c;--hal-priority-high-bg: #ffedd5;--hal-priority-high-fg: #c2410c;--hal-priority-medium-bg: #fef9c3;--hal-priority-medium-fg: #a16207;--hal-priority-low-bg: #e0f2fe;--hal-priority-low-fg: #0369a1;--hal-text-faint: #cbd5e1;--hal-shadow-popover: 0 12px 28px rgba(15, 23, 42, .16);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25)}.dark{--hal-accent: #a78bfa;--hal-accent-bg: #2e1065;--hal-accent-fg: #c4b5fd;--hal-focus-ring: #1e1b4b;--hal-focus-border: #818cf8;--hal-badge-neutral-bg: #1e293b;--hal-badge-neutral-fg: #94a3b8;--hal-badge-info-bg: #0c2d48;--hal-badge-info-fg: #38bdf8;--hal-badge-success-bg: #052e16;--hal-badge-success-fg: #4ade80;--hal-badge-warning-bg: #2d1a00;--hal-badge-warning-fg: #fbbf24;--hal-badge-danger-bg: #2d0a0a;--hal-badge-danger-fg: #f87171;--hal-priority-urgent-bg: #2d0a0a;--hal-priority-urgent-fg: #f87171;--hal-priority-high-bg: #2d1400;--hal-priority-high-fg: #fb923c;--hal-priority-medium-bg: #2d2a00;--hal-priority-medium-fg: #facc15;--hal-priority-low-bg: #082030;--hal-priority-low-fg: #38bdf8;--hal-text-faint: #475569;--hal-shadow-popover: 0 12px 28px rgba(0, 0, 0, .45);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .6)}:root{--hal-accent-border: rgba(139, 92, 246, .3);--hal-accent-dark: #115e59;--hal-accent-light: rgba(139, 92, 246, .06);--hal-accent-purple: #a855f7;--hal-accent-soft: #eef2ff;--hal-badge-open-bg: #ecfdf5;--hal-badge-open-fg: #047857;--hal-badge-active-bg: #eff6ff;--hal-badge-active-fg: #1d4ed8;--hal-badge-paused-bg: #fef3c7;--hal-badge-paused-fg: #92400e;--hal-badge-resolved-bg: #f0fdf4;--hal-badge-resolved-fg: #15803d;--hal-badge-closed-bg: #f8fafc;--hal-badge-closed-fg: #64748b;--hal-bg-primary: #ffffff;--hal-bg-subtle: #f8fafc;--hal-bg-elevated: #f8fafc;--hal-bg-popover: #ffffff;--hal-bg-rgb: 255, 255, 255;--hal-border-subtle: #f1f5f9;--hal-border-soft: #f1f2f7;--hal-border-strong: #d1d5db;--hal-color-primary: #7c3aed;--hal-color-primary-hover: #6d28d9;--hal-color-on-primary: #ffffff;--hal-primary-bg: rgba(59, 130, 246, .05);--hal-primary-border: #a5b4fc;--hal-success: #22c55e;--hal-info: #0ea5e9;--hal-danger: #ef4444;--hal-text-primary: #0f172a;--hal-note-btn: #3730a3;--hal-note-btn-hover: #312e81;--hal-accent-strong: #243b6b;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #8a6212}.dark{--hal-accent-border: rgba(167, 139, 250, .4);--hal-accent-dark: #5eead4;--hal-accent-light: rgba(167, 139, 250, .12);--hal-accent-purple: #c084fc;--hal-accent-soft: #1e1b4b;--hal-badge-open-bg: #052e16;--hal-badge-open-fg: #4ade80;--hal-badge-active-bg: #0c2d48;--hal-badge-active-fg: #60a5fa;--hal-badge-paused-bg: #2d1a00;--hal-badge-paused-fg: #fbbf24;--hal-badge-resolved-bg: #052e16;--hal-badge-resolved-fg: #4ade80;--hal-badge-closed-bg: #1e293b;--hal-badge-closed-fg: #94a3b8;--hal-bg-primary: #0f172a;--hal-bg-subtle: #1e293b;--hal-bg-elevated: #1e293b;--hal-bg-popover: #1e293b;--hal-bg-rgb: 15, 23, 42;--hal-border-subtle: #1e293b;--hal-border-soft: #1e293b;--hal-border-strong: #475569;--hal-color-primary: #a78bfa;--hal-color-primary-hover: #8b5cf6;--hal-color-on-primary: #ffffff;--hal-primary-bg: rgba(129, 140, 248, .12);--hal-primary-border: #4338ca;--hal-success: #4ade80;--hal-info: #38bdf8;--hal-danger: #f87171;--hal-text-primary: #f1f5f9;--hal-note-btn: #6366f1;--hal-note-btn-hover: #4f46e5;--hal-accent-strong: #3b5a9e;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #d4a94a}:root{--hal-chart-1: #3355d1;--hal-chart-2: #e07b2e;--hal-chart-3: #16998a;--hal-chart-4: #d9a514;--hal-chart-5: #b04a9e;--hal-chart-6: #5b6fd6;--hal-chart-7: #b8562e;--hal-chart-8: #3591bf;--hal-chart-grid: #e2e8f0;--hal-chart-axis: #cbd5e1;--hal-chart-label: #64748b}.dark{--hal-chart-1: #5877e6;--hal-chart-2: #d4732f;--hal-chart-3: #1e9686;--hal-chart-4: #b28a1a;--hal-chart-5: #bd56a9;--hal-chart-6: #7385e8;--hal-chart-7: #b85a35;--hal-chart-8: #3b93c4;--hal-chart-grid: #334155;--hal-chart-axis: #475569;--hal-chart-label: #94a3b8}:root{--hal-chart-seq-1: #eef2ff;--hal-chart-seq-2: #c7d2fe;--hal-chart-seq-3: #818cf8;--hal-chart-seq-4: #4f46e5;--hal-chart-seq-5: #3730a3;--hal-chart-muted: #94a3b8;--hal-chart-tooltip-bg: #ffffff;--hal-chart-tooltip-border: #e2e8f0;--hal-chart-tooltip-text: #334155;--hal-data-positive: #16a34a;--hal-data-positive-bg: #dcfce7;--hal-data-negative: #dc2626;--hal-data-negative-bg: #fee2e2;--hal-data-neutral: #64748b;--hal-data-neutral-bg: #f1f5f9;--hal-state-good: #16a34a;--hal-state-good-bg: #d1fae5;--hal-state-warn: #d97706;--hal-state-warn-bg: #fef3c7;--hal-state-bad: #dc2626;--hal-state-bad-bg: #fee2e2;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-viz-compare: var(--hal-chart-muted);--hal-viz-ord-1: #a2b2ec;--hal-viz-ord-2: #7b92e5;--hal-viz-ord-3: #5776dc;--hal-viz-ord-4: #3355d1;--hal-viz-ord-5: #233f9e;--hal-kpi-figure: 26px;--hal-kpi-figure-compact: 20px;--hal-dashboard-sheet-gap: 1px;--hal-dashboard-sheet-rule: var(--hal-border);--hal-badge-warning-text: #a84e08}.dark{--hal-chart-seq-1: #1e1b4b;--hal-chart-seq-2: #312e81;--hal-chart-seq-3: #4f46e5;--hal-chart-seq-4: #818cf8;--hal-chart-seq-5: #c7d2fe;--hal-chart-muted: #64748b;--hal-chart-tooltip-bg: #1e293b;--hal-chart-tooltip-border: #334155;--hal-chart-tooltip-text: #f1f5f9;--hal-data-positive: #4ade80;--hal-data-positive-bg: #052e16;--hal-data-negative: #f87171;--hal-data-negative-bg: #2d0a0a;--hal-data-neutral: #94a3b8;--hal-data-neutral-bg: #1e293b;--hal-state-good: #4ade80;--hal-state-good-bg: #052e16;--hal-state-warn: #fbbf24;--hal-state-warn-bg: #2d1a00;--hal-state-bad: #f87171;--hal-state-bad-bg: #2d0a0a;--hal-viz-ord-1: #34498f;--hal-viz-ord-2: #3f5bb0;--hal-viz-ord-3: #4d6bcf;--hal-viz-ord-4: #5f7ee8;--hal-viz-ord-5: #8aa0f0;--hal-badge-warning-text: #fbbf24}:root{--hal-radius-hairline: 1px;--hal-radius-squared: 3px;--hal-radius-inner: 4px;--hal-radius-control: 6px;--hal-radius-card: 8px;--hal-radius-panel: 10px;--hal-radius-pill: 9999px;--hal-radius-full: 9999px;--hal-radius-circle: 50%;--hal-radius-xs: var(--hal-radius-control);--hal-radius-sm: var(--hal-radius-card);--hal-radius-md: var(--hal-radius-card);--hal-radius-lg: var(--hal-radius-panel);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-0: none;--hal-elevation-1: var(--hal-shadow-sm);--hal-elevation-2: var(--hal-shadow-popover);--hal-elevation-3: var(--hal-shadow-modal);--hal-elevation-card: var(--hal-elevation-0);--hal-elevation-card-hover: var(--hal-elevation-0);--hal-elevation-overlay: var(--hal-elevation-2);--hal-elevation-modal: var(--hal-elevation-3);--hal-elevation-sheet: 0 -12px 32px color-mix(in srgb, var(--hal-text) 14%, transparent);--hal-focus-ring-width: 2px;--hal-focus-ring-offset: 2px;--hal-ring-focus: 0 0 0 2px color-mix(in srgb, var(--hal-action-primary) 22%, transparent);--hal-ring-danger: 0 0 0 2px color-mix(in srgb, var(--hal-state-bad) 22%, transparent);--hal-ring-hairline: 0 0 0 1px var(--hal-border);--hal-ring-accent: 0 0 0 2px var(--hal-accent-border);--hal-ring-cutout: 0 0 0 2px var(--hal-ring-cutout-color, var(--hal-bg));--hal-z-base: 0;--hal-z-raised: 1;--hal-z-sticky: 20;--hal-z-drawer: 60;--hal-z-dialog: 80;--hal-z-popover: 90;--hal-z-tooltip: 95;--hal-z-toast: 100;--hal-z-portal-escape: 10005;--hal-chip-font-size: var(--hal-font-size-meta);--hal-chip-font-size-sm: var(--hal-font-size-eyebrow);--hal-chip-font-weight: var(--hal-font-weight-label);--hal-chip-font-weight-scan: var(--hal-font-weight-title);--hal-chip-tracking-scan: var(--hal-tracking-eyebrow);--hal-chip-line-height: var(--hal-line-height-snug);--hal-chip-gap: var(--hal-space-1);--hal-chip-h: 22px;--hal-chip-h-sm: 20px;--hal-chip-pad-block: 2px;--hal-chip-pad-block-sm: 1px;--hal-chip-pad-block-bordered: 1px;--hal-chip-pad-block-bordered-sm: 0px;--hal-chip-pad-inline-pill: var(--hal-space-3);--hal-chip-pad-inline-pill-sm: var(--hal-space-2);--hal-chip-pad-inline-squared: var(--hal-space-2);--hal-chip-radius-pill: var(--hal-radius-pill);--hal-chip-radius-squared: var(--hal-radius-squared);--hal-chip-radius-soft: var(--hal-radius-control);--hal-chip-dot-size: 8px;--hal-chip-dot-size-sm: 7px;--hal-space-1: 4px;--hal-space-2: 8px;--hal-space-3: 12px;--hal-space-4: 16px;--hal-space-5: 24px;--hal-space-6: 32px;--hal-space-7: 48px;--hal-control-h-md: 36px;--hal-control-h-sm: 28px;--hal-card-pad: 16px;--hal-list-row-h: 44px;--hal-touch-target-min: 32px;--hal-icon-size-sm: 16px;--hal-icon-size-md: 18px;--hal-icon-size-lg: 20px;--hal-font-size-eyebrow: 11px;--hal-font-size-meta: 12px;--hal-font-size-row: 13px;--hal-font-size-body: 14px;--hal-font-size-title: 16px;--hal-font-size-display: 20px;--hal-font-weight-body: 400;--hal-font-weight-label: 500;--hal-font-weight-title: 600;--hal-line-height-none: 1;--hal-line-height-tight: 1.4;--hal-line-height-snug: 1.5;--hal-line-height-body: 1.55;--hal-line-height-ar: 1.7;--hal-tracking-eyebrow: .05em;--hal-measure: 68ch;--hal-measure-title: 48ch;--hal-font-ar: "HalColorEmoji", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", "Segoe UI Arabic", ui-sans-serif, system-ui, sans-serif;--hal-motion-fast: .12s;--hal-motion-base: .18s;--hal-motion-slow: .26s;--hal-motion-ease: cubic-bezier(.22, .61, .36, 1);--hal-motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary)}@media(prefers-reduced-motion:reduce){:root{--hal-motion-fast: 1ms;--hal-motion-base: 1ms;--hal-motion-slow: 1ms}}.dark{--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary)}[data-surface=portal]{--hal-radius-hairline: 1px;--hal-radius-squared: 4px;--hal-radius-inner: 6px;--hal-radius-control: 8px;--hal-radius-card: 14px;--hal-radius-panel: 16px;--hal-portal-tile-radius: 12px;--hal-portal-icon-chip-radius: 10px;--hal-elevation-card: 0 1px 2px rgb(20 20 30 / .04), 0 4px 14px rgb(20 20 30 / .05);--hal-elevation-card-hover: 0 2px 4px rgb(20 20 30 / .06), 0 8px 22px rgb(20 20 30 / .08);--hal-portal-icon-chip-shadow: none;--hal-control-h-md: 36px;--hal-control-h-sm: 28px;--hal-card-pad: 16px;--hal-list-row-h: 52px;--hal-touch-target-min: 36px;--hal-icon-size-sm: 16px;--hal-icon-size-md: 18px;--hal-icon-size-lg: 20px;--hal-font-size-body: 14px;--hal-font-size-title: 16px;--hal-font-size-display: 24px;--hal-font-weight-title: 600;--hal-portal-cat-blue-shadow: var(--hal-elevation-card);--hal-portal-cat-green-shadow: var(--hal-elevation-card);--hal-portal-cat-amber-shadow: var(--hal-elevation-card);--hal-portal-cat-violet-shadow: var(--hal-elevation-card);--hal-portal-cat-pink-shadow: var(--hal-elevation-card);--hal-portal-cat-teal-shadow: var(--hal-elevation-card);--hal-portal-surface-fees-shadow: var(--hal-elevation-card);--hal-portal-surface-attendance-shadow: var(--hal-elevation-card);--hal-portal-surface-academics-shadow: var(--hal-elevation-card);--hal-portal-surface-messages-shadow: var(--hal-elevation-card);--hal-portal-surface-documents-shadow: var(--hal-elevation-card);--hal-portal-surface-behaviour-shadow: var(--hal-elevation-card);--hal-portal-surface-communication-shadow: var(--hal-elevation-card)}.dark[data-surface=portal],.dark [data-surface=portal]{--hal-elevation-card: 0 1px 2px rgb(0 0 0 / .3), 0 4px 16px rgb(0 0 0 / .4);--hal-elevation-card-hover: 0 2px 4px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .55);--hal-portal-icon-chip-shadow: none}:root{--app-chat-bg: #f0f9ff;--app-chat-fg: #0284c7;--app-projects-bg: #ecfdf5;--app-projects-fg: #059669;--app-drive-bg: #f5f3ff;--app-drive-fg: #7c3aed;--app-support-bg: #fff1f2;--app-support-fg: #e11d48;--app-knowledge-bg: #fffbeb;--app-knowledge-fg: #d97706;--app-crm-bg: #ecfeff;--app-crm-fg: #0891b2;--app-analytics-bg: #edf1fd;--app-analytics-fg: #2f52c9;--app-ask-bg: #fdf4ff;--app-ask-fg: #c026d3;--app-parent-bg: #f0fdfa;--app-parent-fg: #0d9488;--app-lms-bg: #eef2ff;--app-lms-fg: #4f46e5;--app-clubs-bg: #fdf4ff;--app-clubs-fg: #c026d3;--app-apps-bg: #f8fafc;--app-apps-fg: #334155;--app-recent-bg: #f8fafc;--app-recent-fg: #475569}.dark{--app-chat-bg: #0c2d48;--app-chat-fg: #38bdf8;--app-projects-bg: #064e3b;--app-projects-fg: #34d399;--app-drive-bg: #2e1065;--app-drive-fg: #a78bfa;--app-support-bg: #4c0519;--app-support-fg: #fb7185;--app-knowledge-bg: #451a03;--app-knowledge-fg: #fbbf24;--app-crm-bg: #083344;--app-crm-fg: #22d3ee;--app-analytics-bg: #18234a;--app-analytics-fg: #8aa0f0;--app-ask-bg: #4a044e;--app-ask-fg: #e879f9;--app-parent-bg: #042f2e;--app-parent-fg: #2dd4bf;--app-lms-bg: #1e1b4b;--app-lms-fg: #818cf8;--app-clubs-bg: #4a044e;--app-clubs-fg: #e879f9;--app-apps-bg: #1e293b;--app-apps-fg: #94a3b8;--app-recent-bg: #1e293b;--app-recent-fg: #cbd5e1}:root{--hal-action-primary: #4f46e5;--hal-action-primary-fg: #4338ca;--hal-action-primary-hover: #4338ca;--hal-action-primary-light: #eef2ff;--hal-action-primary-soft: #ede9fe;--hal-action-primary-bg: rgba(59, 130, 246, .05);--hal-action-primary-border: #a5b4fc;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-proposed: #7447ec;--hal-proposed-bg: #f4f0ff;--hal-proposed-border: #c9b8fb;--hal-proposed-fg: #5b30d0;--hal-attention: #f5a524;--hal-attention-fg: #b45f09;--hal-attention-hover: #d98410;--hal-attention-soft: #fdeecb;--hal-attention-bg: #fef7e8;--hal-attention-border: #f2c879;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #4f46e5;--hal-border-focus: var(--hal-action-primary);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--hal-timeline-bar: #5B7299}.dark{--hal-action-primary: #818cf8;--hal-action-primary-fg: #a5b4fc;--hal-action-primary-hover: #6366f1;--hal-action-primary-light: #1e1b4b;--hal-action-primary-soft: #ede9fe;--hal-action-primary-bg: rgba(129, 140, 248, .12);--hal-action-primary-border: #4338ca;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-proposed: #a88bff;--hal-proposed-bg: #211b36;--hal-proposed-border: #4c3c86;--hal-proposed-fg: #bfa9ff;--hal-attention: #f5be4d;--hal-attention-fg: #f5be4d;--hal-attention-hover: #e0900a;--hal-attention-soft: #4a3a12;--hal-attention-bg: #332708;--hal-attention-border: #7a5e1e;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #818cf8;--hal-border-focus: var(--hal-action-primary);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal)}html[data-theme=legacy-indigo],html[data-theme=hal-blue]{--hal-bg: #ffffff;--hal-bg-secondary: #f8fafc;--hal-bg-tertiary: #f1f5f9;--hal-bg-hover: #f1f5f9;--hal-bg-active: #e2e8f0;--hal-bg-primary: #ffffff;--hal-bg-subtle: #f8fafc;--hal-bg-elevated: #f8fafc;--hal-bg-popover: #ffffff;--hal-bg-rgb: 255, 255, 255;--hal-text: #0f172a;--hal-text-primary: #0f172a;--hal-text-secondary: #475569;--hal-text-muted: #5b6875;--hal-text-inverse: #ffffff;--hal-text-faint: #cbd5e1;--hal-border: #e2e8f0;--hal-border-subtle: #f1f5f9;--hal-border-soft: #f1f2f7;--hal-border-strong: #d1d5db;--hal-action-primary: #4f46e5;--hal-action-primary-fg: #4338ca;--hal-action-primary-hover: #4338ca;--hal-action-primary-light: #eef2ff;--hal-action-primary-soft: #ede9fe;--hal-action-primary-bg: rgba(59, 130, 246, .05);--hal-action-primary-border: #a5b4fc;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-attention: #f5a524;--hal-attention-fg: #b45f09;--hal-attention-hover: #d98410;--hal-attention-soft: #fdeecb;--hal-attention-bg: #fef7e8;--hal-attention-border: #f2c879;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #4f46e5;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: #eef0ff;--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: #7c3aed;--hal-color-primary-hover: #6d28d9;--hal-color-on-primary: #ffffff;--color-hal-primary: #4f46e5;--color-hal-primary-hover: #4338ca;--color-hal-primary-light: #eef2ff;--hal-sidebar-bg: #1e1b4b;--hal-sidebar-text: #e0e7ff;--hal-sidebar-text-muted: #a5b4fc;--hal-sidebar-hover: #312e81;--hal-sidebar-active: #3730a3;--hal-bubble-own: #4f46e5;--hal-bubble-own-text: #ffffff;--hal-bubble-other: #f1f5f9;--hal-bubble-other-text: #0f172a;--hal-online: #16a34a;--hal-away: #f59e0b;--hal-offline: #94a3b8;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--hal-shadow-popover: 0 12px 28px rgba(15, 23, 42, .16);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--hal-accent: #7c3aed;--hal-accent-bg: #ede4ff;--hal-accent-fg: #5b21b6;--hal-accent-border: rgba(139, 92, 246, .3);--hal-accent-dark: #115e59;--hal-accent-light: rgba(139, 92, 246, .06);--hal-accent-purple: #a855f7;--hal-accent-soft: #eef2ff;--hal-badge-neutral-bg: #eef0f5;--hal-badge-neutral-fg: #5a6076;--hal-badge-info-bg: #e1f1fb;--hal-badge-info-fg: #0284c7;--hal-badge-success-bg: #dff5ea;--hal-badge-success-fg: #059669;--hal-badge-warning-bg: #fdf1d8;--hal-badge-warning-fg: #d97706;--hal-badge-danger-bg: #fee4e2;--hal-badge-danger-fg: #b91c1c;--hal-badge-open-bg: #ecfdf5;--hal-badge-open-fg: #047857;--hal-badge-active-bg: #eff6ff;--hal-badge-active-fg: #1d4ed8;--hal-badge-paused-bg: #fef3c7;--hal-badge-paused-fg: #92400e;--hal-badge-resolved-bg: #f0fdf4;--hal-badge-resolved-fg: #15803d;--hal-badge-closed-bg: #f8fafc;--hal-badge-closed-fg: #64748b;--hal-priority-urgent-bg: #fee2e2;--hal-priority-urgent-fg: #b91c1c;--hal-priority-high-bg: #ffedd5;--hal-priority-high-fg: #c2410c;--hal-priority-medium-bg: #fef9c3;--hal-priority-medium-fg: #a16207;--hal-priority-low-bg: #e0f2fe;--hal-priority-low-fg: #0369a1;--hal-success: #22c55e;--hal-info: #0ea5e9;--hal-danger: #ef4444;--hal-timeline-bar: #4f46e5;--hal-note-btn: #3730a3;--hal-note-btn-hover: #312e81;--hal-chart-1: #3355d1;--hal-chart-2: #e07b2e;--hal-chart-3: #16998a;--hal-chart-4: #d9a514;--hal-chart-5: #b04a9e;--hal-chart-6: #5b6fd6;--hal-chart-7: #b8562e;--hal-chart-8: #3591bf;--hal-chart-grid: #e2e8f0;--hal-chart-axis: #cbd5e1;--hal-chart-label: #64748b;--hal-chart-seq-1: #eef2ff;--hal-chart-seq-2: #c7d2fe;--hal-chart-seq-3: #818cf8;--hal-chart-seq-4: #4f46e5;--hal-chart-seq-5: #3730a3;--hal-chart-muted: #94a3b8;--hal-chart-tooltip-bg: #ffffff;--hal-chart-tooltip-border: #e2e8f0;--hal-chart-tooltip-text: #334155;--hal-data-positive: #16a34a;--hal-data-positive-bg: #dcfce7;--hal-data-negative: #dc2626;--hal-data-negative-bg: #fee2e2;--hal-data-neutral: #64748b;--hal-data-neutral-bg: #f1f5f9;--hal-state-good: #16a34a;--hal-state-good-bg: #d1fae5;--hal-state-warn: #d97706;--hal-state-warn-bg: #fef3c7;--hal-state-bad: #dc2626;--hal-state-bad-bg: #fee2e2;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--app-chat-bg: #f0f9ff;--app-chat-fg: #0284c7;--app-projects-bg: #ecfdf5;--app-projects-fg: #059669;--app-drive-bg: #f5f3ff;--app-drive-fg: #7c3aed;--app-support-bg: #fff1f2;--app-support-fg: #e11d48;--app-knowledge-bg: #fffbeb;--app-knowledge-fg: #d97706;--app-crm-bg: #ecfeff;--app-crm-fg: #0891b2;--app-analytics-bg: #edf1fd;--app-analytics-fg: #2f52c9;--app-ask-bg: #fdf4ff;--app-ask-fg: #c026d3;--app-parent-bg: #f0fdfa;--app-parent-fg: #0d9488;--app-lms-bg: #eef2ff;--app-lms-fg: #4f46e5;--app-clubs-bg: #fdf4ff;--app-clubs-fg: #c026d3;--app-apps-bg: #f8fafc;--app-apps-fg: #334155;--app-recent-bg: #f8fafc;--app-recent-fg: #475569;--hal-accent-strong: #243b6b;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #8a6212}html.dark[data-theme=legacy-indigo],html.dark[data-theme=hal-blue]{--hal-bg: #0f172a;--hal-bg-secondary: #1e293b;--hal-bg-tertiary: #334155;--hal-bg-hover: #1e293b;--hal-bg-active: #334155;--hal-bg-primary: #0f172a;--hal-bg-subtle: #1e293b;--hal-bg-elevated: #1e293b;--hal-bg-popover: #1e293b;--hal-bg-rgb: 15, 23, 42;--hal-text: #f1f5f9;--hal-text-primary: #f1f5f9;--hal-text-secondary: #cbd5e1;--hal-text-muted: #a0aec0;--hal-text-inverse: #0f172a;--hal-text-faint: #475569;--hal-border: #334155;--hal-border-subtle: #1e293b;--hal-border-soft: #1e293b;--hal-border-strong: #475569;--hal-action-primary: #818cf8;--hal-action-primary-fg: #a5b4fc;--hal-action-primary-hover: #6366f1;--hal-action-primary-light: #1e1b4b;--hal-action-primary-soft: #ede9fe;--hal-action-primary-bg: rgba(129, 140, 248, .12);--hal-action-primary-border: #4338ca;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-attention: #f5be4d;--hal-attention-fg: #f5be4d;--hal-attention-hover: #e0900a;--hal-attention-soft: #4a3a12;--hal-attention-bg: #332708;--hal-attention-border: #7a5e1e;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #818cf8;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: #1e1b4b;--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: #a78bfa;--hal-color-primary-hover: #8b5cf6;--hal-color-on-primary: #ffffff;--color-hal-primary: #818cf8;--color-hal-primary-hover: #6366f1;--color-hal-primary-light: #1e1b4b;--hal-sidebar-bg: #0f0d2b;--hal-sidebar-text: #e0e7ff;--hal-sidebar-text-muted: #a5b4fc;--hal-sidebar-hover: #1e1b4b;--hal-sidebar-active: #312e81;--hal-bubble-own: #4f46e5;--hal-bubble-own-text: #ffffff;--hal-bubble-other: #1e293b;--hal-bubble-other-text: #f1f5f9;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--hal-shadow-popover: 0 12px 28px rgba(0, 0, 0, .45);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .6);--hal-accent: #a78bfa;--hal-accent-bg: #2e1065;--hal-accent-fg: #c4b5fd;--hal-accent-border: rgba(167, 139, 250, .4);--hal-accent-dark: #5eead4;--hal-accent-light: rgba(167, 139, 250, .12);--hal-accent-purple: #c084fc;--hal-accent-soft: #1e1b4b;--hal-badge-neutral-bg: #1e293b;--hal-badge-neutral-fg: #94a3b8;--hal-badge-info-bg: #0c2d48;--hal-badge-info-fg: #38bdf8;--hal-badge-success-bg: #052e16;--hal-badge-success-fg: #4ade80;--hal-badge-warning-bg: #2d1a00;--hal-badge-warning-fg: #fbbf24;--hal-badge-danger-bg: #2d0a0a;--hal-badge-danger-fg: #f87171;--hal-badge-open-bg: #052e16;--hal-badge-open-fg: #4ade80;--hal-badge-active-bg: #0c2d48;--hal-badge-active-fg: #60a5fa;--hal-badge-paused-bg: #2d1a00;--hal-badge-paused-fg: #fbbf24;--hal-badge-resolved-bg: #052e16;--hal-badge-resolved-fg: #4ade80;--hal-badge-closed-bg: #1e293b;--hal-badge-closed-fg: #94a3b8;--hal-priority-urgent-bg: #2d0a0a;--hal-priority-urgent-fg: #f87171;--hal-priority-high-bg: #2d1400;--hal-priority-high-fg: #fb923c;--hal-priority-medium-bg: #2d2a00;--hal-priority-medium-fg: #facc15;--hal-priority-low-bg: #082030;--hal-priority-low-fg: #38bdf8;--hal-success: #4ade80;--hal-info: #38bdf8;--hal-danger: #f87171;--hal-timeline-bar: #818cf8;--hal-note-btn: #6366f1;--hal-note-btn-hover: #4f46e5;--hal-chart-1: #5877e6;--hal-chart-2: #d4732f;--hal-chart-3: #1e9686;--hal-chart-4: #b28a1a;--hal-chart-5: #bd56a9;--hal-chart-6: #7385e8;--hal-chart-7: #b85a35;--hal-chart-8: #3b93c4;--hal-chart-grid: #334155;--hal-chart-axis: #475569;--hal-chart-label: #94a3b8;--hal-chart-seq-1: #1e1b4b;--hal-chart-seq-2: #312e81;--hal-chart-seq-3: #4f46e5;--hal-chart-seq-4: #818cf8;--hal-chart-seq-5: #c7d2fe;--hal-chart-muted: #64748b;--hal-chart-tooltip-bg: #1e293b;--hal-chart-tooltip-border: #334155;--hal-chart-tooltip-text: #f1f5f9;--hal-data-positive: #4ade80;--hal-data-positive-bg: #052e16;--hal-data-negative: #f87171;--hal-data-negative-bg: #2d0a0a;--hal-data-neutral: #94a3b8;--hal-data-neutral-bg: #1e293b;--hal-state-good: #4ade80;--hal-state-good-bg: #052e16;--hal-state-warn: #fbbf24;--hal-state-warn-bg: #2d1a00;--hal-state-bad: #f87171;--hal-state-bad-bg: #2d0a0a;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--app-chat-bg: #0c2d48;--app-chat-fg: #38bdf8;--app-projects-bg: #064e3b;--app-projects-fg: #34d399;--app-drive-bg: #2e1065;--app-drive-fg: #a78bfa;--app-support-bg: #4c0519;--app-support-fg: #fb7185;--app-knowledge-bg: #451a03;--app-knowledge-fg: #fbbf24;--app-crm-bg: #083344;--app-crm-fg: #22d3ee;--app-analytics-bg: #18234a;--app-analytics-fg: #8aa0f0;--app-ask-bg: #4a044e;--app-ask-fg: #e879f9;--app-parent-bg: #042f2e;--app-parent-fg: #2dd4bf;--app-lms-bg: #1e1b4b;--app-lms-fg: #818cf8;--app-clubs-bg: #4a044e;--app-clubs-fg: #e879f9;--app-apps-bg: #1e293b;--app-apps-fg: #94a3b8;--app-recent-bg: #1e293b;--app-recent-fg: #cbd5e1;--hal-accent-strong: #3b5a9e;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #d4a94a}html[data-theme=hal-blue]{--hal-action-primary: #2563eb;--hal-action-primary-fg: #1d4ed8;--hal-action-primary-hover: #1d4ed8;--hal-action-primary-light: #eff6ff;--hal-action-primary-soft: #dbeafe;--hal-action-primary-bg: rgba(37, 99, 235, .08);--hal-action-primary-border: #bfdbfe;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-brand-primary: #2563eb;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: var(--hal-action-primary-light);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--hal-color-on-primary: #ffffff;--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-sidebar-bg: #111827;--hal-sidebar-text: #eff6ff;--hal-sidebar-text-muted: #93c5fd;--hal-sidebar-hover: #1f2937;--hal-sidebar-active: #2563eb;--hal-bubble-own: var(--hal-action-primary);--hal-bubble-own-text: #ffffff;--hal-accent: #2563eb;--hal-accent-bg: #dbeafe;--hal-accent-fg: #1d4ed8;--hal-accent-border: #93c5fd;--hal-accent-light: rgba(37, 99, 235, .08);--hal-accent-soft: #eff6ff;--hal-chart-1: #3355d1;--hal-chart-seq-1: #eff6ff;--hal-chart-seq-2: #bfdbfe;--hal-chart-seq-3: #60a5fa;--hal-chart-seq-4: #2563eb;--hal-chart-seq-5: #1e3a8a}html.dark[data-theme=hal-blue]{--hal-action-primary: #60a5fa;--hal-action-primary-fg: #93c5fd;--hal-action-primary-hover: #3b82f6;--hal-action-primary-light: #172554;--hal-action-primary-soft: #1e3a8a;--hal-action-primary-bg: rgba(96, 165, 250, .16);--hal-action-primary-border: #1d4ed8;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-brand-primary: #60a5fa;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: var(--hal-action-primary-light);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--hal-color-on-primary: #0f172a;--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-sidebar-bg: #0b1220;--hal-sidebar-text: #eff6ff;--hal-sidebar-text-muted: #93c5fd;--hal-sidebar-hover: #172033;--hal-sidebar-active: #2563eb;--hal-bubble-own: #2563eb;--hal-bubble-own-text: #ffffff;--hal-accent: #60a5fa;--hal-accent-bg: #172554;--hal-accent-fg: #bfdbfe;--hal-accent-border: #1d4ed8;--hal-accent-light: rgba(96, 165, 250, .16);--hal-accent-soft: #172554;--hal-chart-1: #5877e6;--hal-chart-seq-1: #172554;--hal-chart-seq-2: #1e3a8a;--hal-chart-seq-3: #3b82f6;--hal-chart-seq-4: #60a5fa;--hal-chart-seq-5: #dbeafe}html[data-theme=hal-black],html[data-theme=hal-red]{--hal-bg: #ffffff;--hal-bg-secondary: #fafafa;--hal-bg-tertiary: #f4f4f4;--hal-bg-hover: #f4f4f4;--hal-bg-active: #ebebeb;--hal-bg-primary: #ffffff;--hal-bg-subtle: #fafafa;--hal-bg-elevated: #fafafa;--hal-bg-popover: #ffffff;--hal-bg-rgb: 255, 255, 255;--hal-text: #262626;--hal-text-primary: #262626;--hal-text-secondary: #525252;--hal-text-muted: #6b6b6b;--hal-text-inverse: #ffffff;--hal-text-faint: #c4c4c4;--hal-border: #e5e5e5;--hal-border-subtle: #f0f0f0;--hal-border-soft: #f0f0f0;--hal-border-strong: #d4d4d4;--hal-action-primary: #dc2b22;--hal-action-primary-fg: #c4231a;--hal-action-primary-hover: #c4231a;--hal-action-primary-light: #fdeceb;--hal-action-primary-soft: #fef3f2;--hal-action-primary-bg: rgba(238, 48, 38, .08);--hal-action-primary-border: #f8c4c1;--hal-interactive: #1a66f0;--hal-interactive-hover: #0f55d4;--hal-interactive-soft: #e9f0fe;--hal-interactive-soft-hover: #dbe7fd;--hal-interactive-fg: #1557d6;--hal-interactive-on: #ffffff;--hal-attention: #f5a524;--hal-attention-fg: #b45f09;--hal-attention-hover: #d98410;--hal-attention-soft: #fdeecb;--hal-attention-bg: #fef7e8;--hal-attention-border: #f2c879;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #ee3026;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: var(--hal-action-primary-light);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--hal-color-on-primary: #ffffff;--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-sidebar-bg: #1c1c1c;--hal-sidebar-text: #f5f5f5;--hal-sidebar-text-muted: #a3a3a3;--hal-sidebar-hover: #2a2a2a;--hal-sidebar-active: #3a0f0c;--hal-sidebar-active-fg: #ff7a70;--hal-bubble-own: var(--hal-action-primary);--hal-bubble-own-text: #ffffff;--hal-bubble-other: #f4f4f4;--hal-bubble-other-text: #262626;--hal-online: #16a34a;--hal-away: #f59e0b;--hal-offline: #94a3b8;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--hal-shadow-popover: 0 12px 28px rgba(15, 23, 42, .16);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--hal-accent: #A21CAF;--hal-accent-bg: #FBEAF6;--hal-accent-fg: #86198F;--hal-accent-border: #ECA8DC;--hal-accent-dark: #115e59;--hal-accent-light: rgba(162, 28, 175, .08);--hal-accent-purple: #a855f7;--hal-accent-soft: #FBEAF6;--hal-badge-neutral-bg: #eef0f5;--hal-badge-neutral-fg: #5a6076;--hal-badge-info-bg: #e1f1fb;--hal-badge-info-fg: #0284c7;--hal-badge-success-bg: #dff5ea;--hal-badge-success-fg: #059669;--hal-badge-warning-bg: #fdf1d8;--hal-badge-warning-fg: #d97706;--hal-badge-danger-bg: #fee4e2;--hal-badge-danger-fg: #9f1d1d;--hal-badge-open-bg: #ecfdf5;--hal-badge-open-fg: #047857;--hal-badge-active-bg: #eff6ff;--hal-badge-active-fg: #1d4ed8;--hal-badge-paused-bg: #fef3c7;--hal-badge-paused-fg: #92400e;--hal-badge-resolved-bg: #f0fdf4;--hal-badge-resolved-fg: #15803d;--hal-badge-closed-bg: #f8fafc;--hal-badge-closed-fg: #64748b;--hal-priority-urgent-bg: #fee2e2;--hal-priority-urgent-fg: #9f1d1d;--hal-priority-high-bg: #ffedd5;--hal-priority-high-fg: #c2410c;--hal-priority-medium-bg: #fef9c3;--hal-priority-medium-fg: #a16207;--hal-priority-low-bg: #e0f2fe;--hal-priority-low-fg: #0369a1;--hal-success: #22c55e;--hal-info: #0ea5e9;--hal-danger: #9f1d1d;--hal-timeline-bar: #5B7299;--hal-note-btn: #3730a3;--hal-note-btn-hover: #312e81;--hal-chart-1: #3355d1;--hal-chart-2: #e07b2e;--hal-chart-3: #16998a;--hal-chart-4: #d9a514;--hal-chart-5: #b04a9e;--hal-chart-6: #5b6fd6;--hal-chart-7: #b8562e;--hal-chart-8: #3591bf;--hal-chart-grid: #e2e8f0;--hal-chart-axis: #cbd5e1;--hal-chart-label: #64748b;--hal-chart-seq-1: #eef2ff;--hal-chart-seq-2: #c7d2fe;--hal-chart-seq-3: #818cf8;--hal-chart-seq-4: #4f46e5;--hal-chart-seq-5: #3730a3;--hal-chart-muted: #94a3b8;--hal-chart-tooltip-bg: #ffffff;--hal-chart-tooltip-border: #e2e8f0;--hal-chart-tooltip-text: #334155;--hal-data-positive: #16a34a;--hal-data-positive-bg: #dcfce7;--hal-data-negative: #dc2626;--hal-data-negative-bg: #fee2e2;--hal-data-neutral: #64748b;--hal-data-neutral-bg: #f1f5f9;--hal-state-good: #16a34a;--hal-state-good-bg: #d1fae5;--hal-state-warn: #d97706;--hal-state-warn-bg: #fef3c7;--hal-state-bad: #dc2626;--hal-state-bad-bg: #fee2e2;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--app-chat-bg: #f4f4f4;--app-chat-fg: #dc2b22;--app-projects-bg: #f4f4f4;--app-projects-fg: #dc2b22;--app-drive-bg: #f4f4f4;--app-drive-fg: #dc2b22;--app-support-bg: #f4f4f4;--app-support-fg: #dc2b22;--app-knowledge-bg: #f4f4f4;--app-knowledge-fg: #dc2b22;--app-crm-bg: #f4f4f4;--app-crm-fg: #dc2b22;--app-ask-bg: #f4f4f4;--app-ask-fg: #dc2b22;--app-parent-bg: #f4f4f4;--app-parent-fg: #dc2b22;--app-lms-bg: #f4f4f4;--app-lms-fg: #dc2b22;--app-clubs-bg: #f4f4f4;--app-clubs-fg: #dc2b22;--app-apps-bg: #f4f4f4;--app-apps-fg: #3c3c3c;--app-recent-bg: #f4f4f4;--app-recent-fg: #525252;--app-analytics-bg: #edf1fd;--app-analytics-fg: #2f52c9;--hal-accent-strong: #243b6b;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #8a6212}html.dark[data-theme=hal-black],html.dark[data-theme=hal-red]{--hal-bg: #171717;--hal-bg-secondary: #212121;--hal-bg-tertiary: #2e2e2e;--hal-bg-hover: #212121;--hal-bg-active: #2e2e2e;--hal-bg-primary: #171717;--hal-bg-subtle: #212121;--hal-bg-elevated: #212121;--hal-bg-popover: #212121;--hal-bg-rgb: 23, 23, 23;--hal-text: #f5f5f5;--hal-text-primary: #f5f5f5;--hal-text-secondary: #d4d4d4;--hal-text-muted: #a3a3a3;--hal-text-inverse: #171717;--hal-text-faint: #525252;--hal-border: #333333;--hal-border-subtle: #212121;--hal-border-soft: #212121;--hal-border-strong: #525252;--hal-action-primary: #dc2b22;--hal-action-primary-fg: #ff7a70;--hal-action-primary-hover: #ee3026;--hal-action-primary-light: #3a0f0c;--hal-action-primary-soft: #3a0f0c;--hal-action-primary-bg: rgba(238, 48, 38, .18);--hal-action-primary-border: #8a1f18;--hal-interactive: #4d8dff;--hal-interactive-hover: #6a9fff;--hal-interactive-soft: #1a2640;--hal-interactive-soft-hover: #22325a;--hal-interactive-fg: #7aa8ff;--hal-interactive-on: #0b1220;--hal-attention: #f5be4d;--hal-attention-fg: #f5be4d;--hal-attention-hover: #e0900a;--hal-attention-soft: #4a3a12;--hal-attention-bg: #332708;--hal-attention-border: #7a5e1e;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #ee3026;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: var(--hal-action-primary-light);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--hal-color-on-primary: #ffffff;--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-sidebar-bg: #121212;--hal-sidebar-text: #f4f3f1;--hal-sidebar-text-muted: #a8a29b;--hal-sidebar-hover: #1f1f1f;--hal-sidebar-active: #3a0f0c;--hal-sidebar-active-fg: #ff7a70;--hal-bubble-own: var(--hal-action-primary);--hal-bubble-own-text: #ffffff;--hal-bubble-other: #212121;--hal-bubble-other-text: #f5f5f5;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--hal-shadow-popover: 0 12px 28px rgba(0, 0, 0, .45);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .6);--hal-accent: #E27BC8;--hal-accent-bg: #3B0A33;--hal-accent-fg: #F2B6E2;--hal-accent-border: rgba(226, 123, 200, .4);--hal-accent-dark: #5eead4;--hal-accent-light: rgba(226, 123, 200, .14);--hal-accent-purple: #c084fc;--hal-accent-soft: #2A0826;--hal-badge-neutral-bg: #1e293b;--hal-badge-neutral-fg: #94a3b8;--hal-badge-info-bg: #0c2d48;--hal-badge-info-fg: #38bdf8;--hal-badge-success-bg: #052e16;--hal-badge-success-fg: #4ade80;--hal-badge-warning-bg: #2d1a00;--hal-badge-warning-fg: #fbbf24;--hal-badge-danger-bg: #2d0a0a;--hal-badge-danger-fg: #f87171;--hal-badge-open-bg: #052e16;--hal-badge-open-fg: #4ade80;--hal-badge-active-bg: #0c2d48;--hal-badge-active-fg: #60a5fa;--hal-badge-paused-bg: #2d1a00;--hal-badge-paused-fg: #fbbf24;--hal-badge-resolved-bg: #052e16;--hal-badge-resolved-fg: #4ade80;--hal-badge-closed-bg: #1e293b;--hal-badge-closed-fg: #94a3b8;--hal-priority-urgent-bg: #2d0a0a;--hal-priority-urgent-fg: #f87171;--hal-priority-high-bg: #2d1400;--hal-priority-high-fg: #fb923c;--hal-priority-medium-bg: #2d2a00;--hal-priority-medium-fg: #facc15;--hal-priority-low-bg: #082030;--hal-priority-low-fg: #38bdf8;--hal-success: #4ade80;--hal-info: #38bdf8;--hal-danger: #c24b42;--hal-timeline-bar: #7D8FB3;--hal-note-btn: #6366f1;--hal-note-btn-hover: #4f46e5;--hal-chart-1: #5877e6;--hal-chart-2: #d4732f;--hal-chart-3: #1e9686;--hal-chart-4: #b28a1a;--hal-chart-5: #bd56a9;--hal-chart-6: #7385e8;--hal-chart-7: #b85a35;--hal-chart-8: #3b93c4;--hal-chart-grid: #334155;--hal-chart-axis: #475569;--hal-chart-label: #94a3b8;--hal-chart-seq-1: #1e1b4b;--hal-chart-seq-2: #312e81;--hal-chart-seq-3: #4f46e5;--hal-chart-seq-4: #818cf8;--hal-chart-seq-5: #c7d2fe;--hal-chart-muted: #64748b;--hal-chart-tooltip-bg: #1e293b;--hal-chart-tooltip-border: #334155;--hal-chart-tooltip-text: #f1f5f9;--hal-data-positive: #4ade80;--hal-data-positive-bg: #052e16;--hal-data-negative: #f87171;--hal-data-negative-bg: #2d0a0a;--hal-data-neutral: #94a3b8;--hal-data-neutral-bg: #1e293b;--hal-state-good: #4ade80;--hal-state-good-bg: #052e16;--hal-state-warn: #fbbf24;--hal-state-warn-bg: #2d1a00;--hal-state-bad: #f87171;--hal-state-bad-bg: #2d0a0a;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--hal-app-icon-ink: #FFFFFF;--hal-app-icon-track: #404040;--hal-project-icon-fill: #FFFFFF;--hal-support-icon-fill: #FFFFFF;--hal-crm-icon-fill: #FFFFFF;--hal-crm-card-person-fill: #FFFFFF;--app-chat-bg: #262626;--app-chat-fg: #ff7a70;--app-projects-bg: #262626;--app-projects-fg: #ff7a70;--app-drive-bg: #262626;--app-drive-fg: #ff7a70;--app-support-bg: #262626;--app-support-fg: #ff7a70;--app-knowledge-bg: #262626;--app-knowledge-fg: #ff7a70;--app-crm-bg: #262626;--app-crm-fg: #ff7a70;--app-ask-bg: #262626;--app-ask-fg: #ff7a70;--app-parent-bg: #262626;--app-parent-fg: #ff7a70;--app-lms-bg: #262626;--app-lms-fg: #ff7a70;--app-clubs-bg: #262626;--app-clubs-fg: #ff7a70;--app-apps-bg: #262626;--app-apps-fg: #a3a3a3;--app-recent-bg: #262626;--app-recent-fg: #d4d4d4;--app-analytics-bg: #18234a;--app-analytics-fg: #8aa0f0;--hal-accent-strong: #3b5a9e;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #d4a94a}html[data-theme=saudi-green]{--hal-bg: #ffffff;--hal-bg-secondary: #f7faf8;--hal-bg-tertiary: #eef3f0;--hal-bg-hover: #eef3f0;--hal-bg-active: #e3ebe6;--hal-bg-primary: #ffffff;--hal-bg-subtle: #f7faf8;--hal-bg-elevated: #f7faf8;--hal-bg-popover: #ffffff;--hal-bg-rgb: 255, 255, 255;--hal-text: #16201b;--hal-text-primary: #16201b;--hal-text-secondary: #4b5851;--hal-text-muted: #5c6a63;--hal-text-inverse: #ffffff;--hal-text-faint: #bcc7c0;--hal-border: #dde6e0;--hal-border-subtle: #eef3f0;--hal-border-soft: #eef3f0;--hal-border-strong: #cdd8d1;--hal-action-primary: #006C35;--hal-action-primary-fg: #00582B;--hal-action-primary-hover: #005A2C;--hal-action-primary-light: #e6f2ec;--hal-action-primary-soft: #eef6f1;--hal-action-primary-bg: rgba(0, 108, 53, .08);--hal-action-primary-border: #b7dcc6;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-attention: #f5a524;--hal-attention-fg: #b45f09;--hal-attention-hover: #d98410;--hal-attention-soft: #fdeecb;--hal-attention-bg: #fef7e8;--hal-attention-border: #f2c879;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #006C35;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: var(--hal-action-primary-light);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--hal-color-on-primary: #ffffff;--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-sidebar-bg: #14201a;--hal-sidebar-text: #f1f5f2;--hal-sidebar-text-muted: #9db0a4;--hal-sidebar-hover: #1e2c25;--hal-sidebar-active: #1f7a47;--hal-bubble-own: var(--hal-action-primary);--hal-bubble-own-text: #ffffff;--hal-bubble-other: #eef3f0;--hal-bubble-other-text: #16201b;--hal-online: #16a34a;--hal-away: #f59e0b;--hal-offline: #94a3b8;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--hal-shadow-popover: 0 12px 28px rgba(15, 23, 42, .16);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--hal-accent: #A21CAF;--hal-accent-bg: #FBEAF6;--hal-accent-fg: #86198F;--hal-accent-border: #ECA8DC;--hal-accent-dark: #115e59;--hal-accent-light: rgba(162, 28, 175, .08);--hal-accent-purple: #a855f7;--hal-accent-soft: #FBEAF6;--hal-badge-neutral-bg: #eef0f5;--hal-badge-neutral-fg: #5a6076;--hal-badge-info-bg: #e1f1fb;--hal-badge-info-fg: #0284c7;--hal-badge-success-bg: #dff5ea;--hal-badge-success-fg: #059669;--hal-badge-warning-bg: #fdf1d8;--hal-badge-warning-fg: #d97706;--hal-badge-danger-bg: #fee4e2;--hal-badge-danger-fg: #b91c1c;--hal-badge-open-bg: #ecfdf5;--hal-badge-open-fg: #047857;--hal-badge-active-bg: #eff6ff;--hal-badge-active-fg: #1d4ed8;--hal-badge-paused-bg: #fef3c7;--hal-badge-paused-fg: #92400e;--hal-badge-resolved-bg: #f0fdf4;--hal-badge-resolved-fg: #15803d;--hal-badge-closed-bg: #f8fafc;--hal-badge-closed-fg: #64748b;--hal-priority-urgent-bg: #fee2e2;--hal-priority-urgent-fg: #b91c1c;--hal-priority-high-bg: #ffedd5;--hal-priority-high-fg: #c2410c;--hal-priority-medium-bg: #fef9c3;--hal-priority-medium-fg: #a16207;--hal-priority-low-bg: #e0f2fe;--hal-priority-low-fg: #0369a1;--hal-success: #22c55e;--hal-info: #0ea5e9;--hal-danger: #b42318;--hal-timeline-bar: #5B7299;--hal-note-btn: #3730a3;--hal-note-btn-hover: #312e81;--hal-chart-1: #3355d1;--hal-chart-2: #e07b2e;--hal-chart-3: #16998a;--hal-chart-4: #d9a514;--hal-chart-5: #b04a9e;--hal-chart-6: #5b6fd6;--hal-chart-7: #b8562e;--hal-chart-8: #3591bf;--hal-chart-grid: #e2e8f0;--hal-chart-axis: #cbd5e1;--hal-chart-label: #64748b;--hal-chart-seq-1: #eef2ff;--hal-chart-seq-2: #c7d2fe;--hal-chart-seq-3: #818cf8;--hal-chart-seq-4: #4f46e5;--hal-chart-seq-5: #3730a3;--hal-chart-muted: #94a3b8;--hal-chart-tooltip-bg: #ffffff;--hal-chart-tooltip-border: #e2e8f0;--hal-chart-tooltip-text: #334155;--hal-data-positive: #16a34a;--hal-data-positive-bg: #dcfce7;--hal-data-negative: #dc2626;--hal-data-negative-bg: #fee2e2;--hal-data-neutral: #64748b;--hal-data-neutral-bg: #f1f5f9;--hal-state-good: #16a34a;--hal-state-good-bg: #d1fae5;--hal-state-warn: #d97706;--hal-state-warn-bg: #fef3c7;--hal-state-bad: #dc2626;--hal-state-bad-bg: #fee2e2;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--app-chat-bg: #fff1f2;--app-chat-fg: #e53228;--app-projects-bg: #fff1f2;--app-projects-fg: #e53228;--app-drive-bg: #fff1f2;--app-drive-fg: #e53228;--app-support-bg: #fff1f2;--app-support-fg: #e53228;--app-knowledge-bg: #fff1f2;--app-knowledge-fg: #e53228;--app-crm-bg: #fff1f2;--app-crm-fg: #e53228;--app-analytics-bg: #edf1fd;--app-analytics-fg: #2f52c9;--app-ask-bg: #fff1f2;--app-ask-fg: #e53228;--app-parent-bg: #fff1f2;--app-parent-fg: #e53228;--app-lms-bg: #fff1f2;--app-lms-fg: #e53228;--app-clubs-bg: #fff1f2;--app-clubs-fg: #e53228;--app-apps-bg: #f8fafc;--app-apps-fg: #334155;--app-recent-bg: #f8fafc;--app-recent-fg: #475569;--hal-accent-strong: #243b6b;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #8a6212}html.dark[data-theme=saudi-green]{--hal-bg: #161d19;--hal-bg-secondary: #1f2722;--hal-bg-tertiary: #2b342d;--hal-bg-hover: #1f2722;--hal-bg-active: #2b342d;--hal-bg-primary: #161d19;--hal-bg-subtle: #1f2722;--hal-bg-elevated: #1f2722;--hal-bg-popover: #1f2722;--hal-bg-rgb: 22, 29, 25;--hal-text: #eef4f0;--hal-text-primary: #eef4f0;--hal-text-secondary: #c2ccc5;--hal-text-muted: #98a29a;--hal-text-inverse: #161d19;--hal-text-faint: #515a53;--hal-border: #313a34;--hal-border-subtle: #1f2722;--hal-border-soft: #1f2722;--hal-border-strong: #4d574f;--hal-action-primary: #33A569;--hal-action-primary-fg: #3fbb7b;--hal-action-primary-hover: #2b8f5a;--hal-action-primary-light: #052013;--hal-action-primary-soft: #052013;--hal-action-primary-bg: rgba(51, 165, 105, .18);--hal-action-primary-border: #16512f;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-attention: #f5be4d;--hal-attention-fg: #f5be4d;--hal-attention-hover: #e0900a;--hal-attention-soft: #4a3a12;--hal-attention-bg: #332708;--hal-attention-border: #7a5e1e;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-brand-primary: #006C35;--hal-border-focus: var(--hal-action-primary);--hal-focus-ring: var(--hal-action-primary-light);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--hal-color-on-primary: #ffffff;--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-sidebar-bg: #101712;--hal-sidebar-text: #f1f5f2;--hal-sidebar-text-muted: #9db0a4;--hal-sidebar-hover: #1a221c;--hal-sidebar-active: #1f7a47;--hal-bubble-own: var(--hal-action-primary);--hal-bubble-own-text: #ffffff;--hal-bubble-other: #1f2722;--hal-bubble-other-text: #eef4f0;--hal-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--hal-shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--hal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--hal-shadow-popover: 0 12px 28px rgba(0, 0, 0, .45);--hal-shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .6);--hal-accent: #E27BC8;--hal-accent-bg: #3B0A33;--hal-accent-fg: #F2B6E2;--hal-accent-border: rgba(226, 123, 200, .4);--hal-accent-dark: #5eead4;--hal-accent-light: rgba(226, 123, 200, .14);--hal-accent-purple: #c084fc;--hal-accent-soft: #2A0826;--hal-badge-neutral-bg: #1e293b;--hal-badge-neutral-fg: #94a3b8;--hal-badge-info-bg: #0c2d48;--hal-badge-info-fg: #38bdf8;--hal-badge-success-bg: #052e16;--hal-badge-success-fg: #4ade80;--hal-badge-warning-bg: #2d1a00;--hal-badge-warning-fg: #fbbf24;--hal-badge-danger-bg: #2d0a0a;--hal-badge-danger-fg: #f87171;--hal-badge-open-bg: #052e16;--hal-badge-open-fg: #4ade80;--hal-badge-active-bg: #0c2d48;--hal-badge-active-fg: #60a5fa;--hal-badge-paused-bg: #2d1a00;--hal-badge-paused-fg: #fbbf24;--hal-badge-resolved-bg: #052e16;--hal-badge-resolved-fg: #4ade80;--hal-badge-closed-bg: #1e293b;--hal-badge-closed-fg: #94a3b8;--hal-priority-urgent-bg: #2d0a0a;--hal-priority-urgent-fg: #f87171;--hal-priority-high-bg: #2d1400;--hal-priority-high-fg: #fb923c;--hal-priority-medium-bg: #2d2a00;--hal-priority-medium-fg: #facc15;--hal-priority-low-bg: #082030;--hal-priority-low-fg: #38bdf8;--hal-success: #4ade80;--hal-info: #38bdf8;--hal-danger: #c24b42;--hal-timeline-bar: #7D8FB3;--hal-note-btn: #6366f1;--hal-note-btn-hover: #4f46e5;--hal-chart-1: #5877e6;--hal-chart-2: #d4732f;--hal-chart-3: #1e9686;--hal-chart-4: #b28a1a;--hal-chart-5: #bd56a9;--hal-chart-6: #7385e8;--hal-chart-7: #b85a35;--hal-chart-8: #3b93c4;--hal-chart-grid: #334155;--hal-chart-axis: #475569;--hal-chart-label: #94a3b8;--hal-chart-seq-1: #1e1b4b;--hal-chart-seq-2: #312e81;--hal-chart-seq-3: #4f46e5;--hal-chart-seq-4: #818cf8;--hal-chart-seq-5: #c7d2fe;--hal-chart-muted: #64748b;--hal-chart-tooltip-bg: #1e293b;--hal-chart-tooltip-border: #334155;--hal-chart-tooltip-text: #f1f5f9;--hal-data-positive: #4ade80;--hal-data-positive-bg: #052e16;--hal-data-negative: #f87171;--hal-data-negative-bg: #2d0a0a;--hal-data-neutral: #94a3b8;--hal-data-neutral-bg: #1e293b;--hal-state-good: #4ade80;--hal-state-good-bg: #052e16;--hal-state-warn: #fbbf24;--hal-state-warn-bg: #2d1a00;--hal-state-bad: #f87171;--hal-state-bad-bg: #2d0a0a;--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-dashboard-gap: 16px;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--app-chat-bg: #1e293b;--app-chat-fg: #fda4af;--app-projects-bg: #1e293b;--app-projects-fg: #fda4af;--app-drive-bg: #1e293b;--app-drive-fg: #fda4af;--app-support-bg: #1e293b;--app-support-fg: #fda4af;--app-knowledge-bg: #1e293b;--app-knowledge-fg: #fda4af;--app-crm-bg: #1e293b;--app-crm-fg: #fda4af;--app-analytics-bg: #18234a;--app-analytics-fg: #8aa0f0;--app-ask-bg: #1e293b;--app-ask-fg: #fda4af;--app-parent-bg: #1e293b;--app-parent-fg: #fda4af;--app-lms-bg: #1e293b;--app-lms-fg: #fda4af;--app-clubs-bg: #1e293b;--app-clubs-fg: #fda4af;--app-apps-bg: #1e293b;--app-apps-fg: #94a3b8;--app-recent-bg: #1e293b;--app-recent-fg: #cbd5e1;--hal-accent-strong: #3b5a9e;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #d4a94a}html[data-theme=portal-teal]{--hal-bg: #FFFFFF;--hal-bg-secondary: #FAF9F7;--hal-bg-tertiary: #F4F3F0;--hal-border: #ECEAE5;--hal-text: #1F1E22;--hal-text-secondary: #6A6870;--hal-text-tertiary: #9B99A1;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-subtle: #F4F3F0;--hal-surface-hover: #F6F5F2;--hal-border-subtle: #ECEAE5;--hal-border-strong: #DAD7D1;--hal-action-primary: #10A38C;--hal-action-primary-fg: #0B7D6B;--hal-action-primary-hover: #0B8B76;--hal-action-primary-light: #E1F4EF;--hal-action-primary-soft: #E1F4EF;--hal-action-primary-bg: rgba(16, 163, 140, .06);--hal-action-primary-border: #9FD9CE;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-attention: #f5a524;--hal-attention-fg: #b45f09;--hal-attention-hover: #d98410;--hal-attention-soft: #fdeecb;--hal-attention-bg: #fef7e8;--hal-attention-border: #f2c879;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-action-primary-subtle: #E1F4EF;--hal-action-primary-on: #FFFFFF;--hal-border-focus: var(--hal-action-primary);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--hal-timeline-bar: #5B7299;--hal-portal-icon-chip-bg: var(--hal-bg-tertiary);--hal-accent-salmon-strong: #F47C62;--hal-accent-salmon-subtle: #FDE8E2;--hal-accent-orange-strong: #F0823C;--hal-accent-orange-subtle: #FCEBDC;--hal-accent-amber-strong: #EE9A18;--hal-accent-amber-subtle: #FBEFD7;--hal-accent-lime-strong: #8FB339;--hal-accent-lime-subtle: #EEF4DC;--hal-accent-green-strong: #3FA45B;--hal-accent-green-subtle: #E4F3E8;--hal-accent-rose-strong: #E45D9C;--hal-accent-rose-subtle: #FBE3EF;--hal-portal-success: #3FA45B;--hal-portal-success-subtle: #E4F3E8;--hal-portal-warning: #EE9A18;--hal-portal-warning-subtle: #FBEFD7;--hal-portal-danger: #E5484D;--hal-portal-danger-subtle: #FBE5E5;--hal-portal-info: #267C83;--hal-portal-info-subtle: #E4F2F1;--hal-portal-cat-blue-bg: var(--hal-accent-orange-subtle);--hal-portal-cat-blue-bg-soft: var(--hal-accent-orange-subtle);--hal-portal-cat-blue-fg: var(--hal-accent-orange-strong);--hal-portal-cat-blue-border: var(--hal-accent-orange-subtle);--hal-portal-cat-blue-accent: var(--hal-accent-orange-strong);--hal-portal-cat-blue-gradient: var(--hal-accent-orange-subtle);--hal-portal-cat-green-bg: var(--hal-accent-green-subtle);--hal-portal-cat-green-bg-soft: var(--hal-accent-green-subtle);--hal-portal-cat-green-fg: var(--hal-accent-green-strong);--hal-portal-cat-green-border: var(--hal-accent-green-subtle);--hal-portal-cat-green-accent: var(--hal-accent-green-strong);--hal-portal-cat-green-gradient: var(--hal-accent-green-subtle);--hal-portal-cat-amber-bg: var(--hal-accent-amber-subtle);--hal-portal-cat-amber-bg-soft: var(--hal-accent-amber-subtle);--hal-portal-cat-amber-fg: var(--hal-accent-amber-strong);--hal-portal-cat-amber-border: var(--hal-accent-amber-subtle);--hal-portal-cat-amber-accent: var(--hal-accent-amber-strong);--hal-portal-cat-amber-gradient: var(--hal-accent-amber-subtle);--hal-portal-cat-violet-bg: var(--hal-accent-salmon-subtle);--hal-portal-cat-violet-bg-soft: var(--hal-accent-salmon-subtle);--hal-portal-cat-violet-fg: var(--hal-accent-salmon-strong);--hal-portal-cat-violet-border: var(--hal-accent-salmon-subtle);--hal-portal-cat-violet-accent: var(--hal-accent-salmon-strong);--hal-portal-cat-violet-gradient: var(--hal-accent-salmon-subtle);--hal-portal-cat-pink-bg: var(--hal-accent-rose-subtle);--hal-portal-cat-pink-bg-soft: var(--hal-accent-rose-subtle);--hal-portal-cat-pink-fg: var(--hal-accent-rose-strong);--hal-portal-cat-pink-border: var(--hal-accent-rose-subtle);--hal-portal-cat-pink-accent: var(--hal-accent-rose-strong);--hal-portal-cat-pink-gradient: var(--hal-accent-rose-subtle);--hal-portal-cat-teal-bg: var(--hal-accent-lime-subtle);--hal-portal-cat-teal-bg-soft: var(--hal-accent-lime-subtle);--hal-portal-cat-teal-fg: var(--hal-accent-lime-strong);--hal-portal-cat-teal-border: var(--hal-accent-lime-subtle);--hal-portal-cat-teal-accent: var(--hal-accent-lime-strong);--hal-portal-cat-teal-gradient: var(--hal-accent-lime-subtle);--hal-portal-gradient-hero: linear-gradient(135deg, #FAF9F7 0%, #F4F3F0 100%);--hal-portal-surface-fees-bg: var(--hal-accent-amber-subtle);--hal-portal-surface-fees-bg-soft: var(--hal-accent-amber-subtle);--hal-portal-surface-fees-fg: var(--hal-accent-amber-strong);--hal-portal-surface-fees-accent: var(--hal-accent-amber-strong);--hal-portal-surface-fees-border: var(--hal-accent-amber-subtle);--hal-portal-surface-fees-gradient: var(--hal-accent-amber-subtle);--hal-portal-surface-attendance-bg: var(--hal-accent-green-subtle);--hal-portal-surface-attendance-bg-soft: var(--hal-accent-green-subtle);--hal-portal-surface-attendance-fg: var(--hal-accent-green-strong);--hal-portal-surface-attendance-accent: var(--hal-accent-green-strong);--hal-portal-surface-attendance-border: var(--hal-accent-green-subtle);--hal-portal-surface-attendance-gradient: var(--hal-accent-green-subtle);--hal-portal-surface-academics-bg: var(--hal-accent-salmon-subtle);--hal-portal-surface-academics-bg-soft: var(--hal-accent-salmon-subtle);--hal-portal-surface-academics-fg: var(--hal-accent-salmon-strong);--hal-portal-surface-academics-accent: var(--hal-accent-salmon-strong);--hal-portal-surface-academics-border: var(--hal-accent-salmon-subtle);--hal-portal-surface-academics-gradient: var(--hal-accent-salmon-subtle);--hal-portal-surface-messages-bg: var(--hal-accent-orange-subtle);--hal-portal-surface-messages-bg-soft: var(--hal-accent-orange-subtle);--hal-portal-surface-messages-fg: var(--hal-accent-orange-strong);--hal-portal-surface-messages-accent: var(--hal-accent-orange-strong);--hal-portal-surface-messages-border: var(--hal-accent-orange-subtle);--hal-portal-surface-messages-gradient: var(--hal-accent-orange-subtle);--hal-portal-surface-documents-bg: var(--hal-accent-lime-subtle);--hal-portal-surface-documents-bg-soft: var(--hal-accent-lime-subtle);--hal-portal-surface-documents-fg: var(--hal-accent-lime-strong);--hal-portal-surface-documents-accent: var(--hal-accent-lime-strong);--hal-portal-surface-documents-border: var(--hal-accent-lime-subtle);--hal-portal-surface-documents-gradient: var(--hal-accent-lime-subtle);--hal-portal-surface-behaviour-bg: var(--hal-accent-rose-subtle);--hal-portal-surface-behaviour-bg-soft: var(--hal-accent-rose-subtle);--hal-portal-surface-behaviour-fg: var(--hal-accent-rose-strong);--hal-portal-surface-behaviour-accent: var(--hal-accent-rose-strong);--hal-portal-surface-behaviour-border: var(--hal-accent-rose-subtle);--hal-portal-surface-behaviour-gradient: var(--hal-accent-rose-subtle);--hal-portal-surface-communication-bg: var(--hal-accent-orange-subtle);--hal-portal-surface-communication-bg-soft: var(--hal-accent-orange-subtle);--hal-portal-surface-communication-fg: var(--hal-accent-orange-strong);--hal-portal-surface-communication-accent: var(--hal-accent-orange-strong);--hal-portal-surface-communication-border: var(--hal-accent-orange-subtle);--hal-portal-surface-communication-gradient: var(--hal-accent-orange-subtle);--hal-accent-strong: #243b6b;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #8a6212}html.dark[data-theme=portal-teal]{--hal-bg: #1A1A1E;--hal-bg-secondary: #131316;--hal-bg-tertiary: #232328;--hal-border: #34333A;--hal-text: #F2F1EF;--hal-text-secondary: #B6B4BC;--hal-text-tertiary: #7E7C85;--hal-surface-page: var(--hal-bg-secondary);--hal-surface-card: var(--hal-bg);--hal-surface-raised: var(--hal-bg);--hal-surface-inset: var(--hal-bg-tertiary);--hal-surface-subtle: #232328;--hal-surface-hover: #2A2A30;--hal-border-subtle: #34333A;--hal-border-strong: #4A4951;--hal-action-primary: #3DD9C0;--hal-action-primary-fg: #3DD9C0;--hal-action-primary-hover: #5FE3CE;--hal-action-primary-light: #10302B;--hal-action-primary-soft: #10302B;--hal-action-primary-bg: rgba(61, 217, 192, .1);--hal-action-primary-border: #1F5E54;--hal-interactive: var(--hal-action-primary);--hal-interactive-hover: var(--hal-action-primary-hover);--hal-interactive-soft: var(--hal-action-primary-light);--hal-interactive-soft-hover: color-mix(in srgb, var(--hal-action-primary) 16%, var(--hal-action-primary-light));--hal-interactive-fg: var(--hal-action-primary-fg);--hal-interactive-on: var(--hal-text-inverse);--hal-attention: #f5be4d;--hal-attention-fg: #f5be4d;--hal-attention-hover: #e0900a;--hal-attention-soft: #4a3a12;--hal-attention-bg: #332708;--hal-attention-border: #7a5e1e;--hal-insight: var(--hal-action-primary);--hal-insight-bg: var(--hal-action-primary-light);--hal-insight-fg: var(--hal-action-primary-fg);--hal-action-primary-subtle: #10302B;--hal-action-primary-on: #08221E;--hal-border-focus: var(--hal-action-primary);--hal-focus-border: var(--hal-action-primary);--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-focus-ring-2: 0 0 0 2px var(--hal-surface-card), 0 0 0 4px var(--hal-primary);--hal-kpi-up: var(--hal-data-positive);--hal-kpi-down: var(--hal-data-negative);--hal-kpi-flat: var(--hal-data-neutral);--hal-dashboard-bg: var(--hal-bg-secondary);--hal-dashboard-widget-bg: var(--hal-bg);--hal-dashboard-widget-border: var(--hal-border);--hal-surface-shadow: var(--hal-shadow-sm);--hal-surface-shadow-hover: var(--hal-shadow-lg);--hal-surface-ring: 0 0 0 2px var(--hal-primary);--hal-elevation-overlay: var(--hal-shadow-popover);--hal-elevation-modal: var(--hal-shadow-modal);--hal-timeline-bar: #7D8FB3;--hal-portal-icon-chip-bg: #232328;--hal-accent-salmon-strong: #FF9580;--hal-accent-salmon-subtle: #3A211B;--hal-accent-orange-strong: #F89D63;--hal-accent-orange-subtle: #33220F;--hal-accent-amber-strong: #F5BE4D;--hal-accent-amber-subtle: #332708;--hal-accent-lime-strong: #AECB5E;--hal-accent-lime-subtle: #232B11;--hal-accent-green-strong: #5FC27C;--hal-accent-green-subtle: #11291A;--hal-accent-rose-strong: #F07DB4;--hal-accent-rose-subtle: #341022;--hal-portal-success: #5FC27C;--hal-portal-success-subtle: #11291A;--hal-portal-warning: #F5BE4D;--hal-portal-warning-subtle: #332708;--hal-portal-danger: #F0696D;--hal-portal-danger-subtle: #3A1417;--hal-portal-info: #4FB3BA;--hal-portal-info-subtle: #0E2B2D;--hal-portal-cat-blue-bg: var(--hal-accent-orange-subtle);--hal-portal-cat-blue-bg-soft: var(--hal-accent-orange-subtle);--hal-portal-cat-blue-fg: var(--hal-accent-orange-strong);--hal-portal-cat-blue-border: var(--hal-accent-orange-subtle);--hal-portal-cat-blue-accent: var(--hal-accent-orange-strong);--hal-portal-cat-blue-gradient: var(--hal-accent-orange-subtle);--hal-portal-cat-green-bg: var(--hal-accent-green-subtle);--hal-portal-cat-green-bg-soft: var(--hal-accent-green-subtle);--hal-portal-cat-green-fg: var(--hal-accent-green-strong);--hal-portal-cat-green-border: var(--hal-accent-green-subtle);--hal-portal-cat-green-accent: var(--hal-accent-green-strong);--hal-portal-cat-green-gradient: var(--hal-accent-green-subtle);--hal-portal-cat-amber-bg: var(--hal-accent-amber-subtle);--hal-portal-cat-amber-bg-soft: var(--hal-accent-amber-subtle);--hal-portal-cat-amber-fg: var(--hal-accent-amber-strong);--hal-portal-cat-amber-border: var(--hal-accent-amber-subtle);--hal-portal-cat-amber-accent: var(--hal-accent-amber-strong);--hal-portal-cat-amber-gradient: var(--hal-accent-amber-subtle);--hal-portal-cat-violet-bg: var(--hal-accent-salmon-subtle);--hal-portal-cat-violet-bg-soft: var(--hal-accent-salmon-subtle);--hal-portal-cat-violet-fg: var(--hal-accent-salmon-strong);--hal-portal-cat-violet-border: var(--hal-accent-salmon-subtle);--hal-portal-cat-violet-accent: var(--hal-accent-salmon-strong);--hal-portal-cat-violet-gradient: var(--hal-accent-salmon-subtle);--hal-portal-cat-pink-bg: var(--hal-accent-rose-subtle);--hal-portal-cat-pink-bg-soft: var(--hal-accent-rose-subtle);--hal-portal-cat-pink-fg: var(--hal-accent-rose-strong);--hal-portal-cat-pink-border: var(--hal-accent-rose-subtle);--hal-portal-cat-pink-accent: var(--hal-accent-rose-strong);--hal-portal-cat-pink-gradient: var(--hal-accent-rose-subtle);--hal-portal-cat-teal-bg: var(--hal-accent-lime-subtle);--hal-portal-cat-teal-bg-soft: var(--hal-accent-lime-subtle);--hal-portal-cat-teal-fg: var(--hal-accent-lime-strong);--hal-portal-cat-teal-border: var(--hal-accent-lime-subtle);--hal-portal-cat-teal-accent: var(--hal-accent-lime-strong);--hal-portal-cat-teal-gradient: var(--hal-accent-lime-subtle);--hal-portal-gradient-hero: linear-gradient(135deg, #1A1A1E 0%, #232328 100%);--hal-portal-surface-fees-bg: var(--hal-accent-amber-subtle);--hal-portal-surface-fees-bg-soft: var(--hal-accent-amber-subtle);--hal-portal-surface-fees-fg: var(--hal-accent-amber-strong);--hal-portal-surface-fees-accent: var(--hal-accent-amber-strong);--hal-portal-surface-fees-border: var(--hal-accent-amber-subtle);--hal-portal-surface-fees-gradient: var(--hal-accent-amber-subtle);--hal-portal-surface-attendance-bg: var(--hal-accent-green-subtle);--hal-portal-surface-attendance-bg-soft: var(--hal-accent-green-subtle);--hal-portal-surface-attendance-fg: var(--hal-accent-green-strong);--hal-portal-surface-attendance-accent: var(--hal-accent-green-strong);--hal-portal-surface-attendance-border: var(--hal-accent-green-subtle);--hal-portal-surface-attendance-gradient: var(--hal-accent-green-subtle);--hal-portal-surface-academics-bg: var(--hal-accent-salmon-subtle);--hal-portal-surface-academics-bg-soft: var(--hal-accent-salmon-subtle);--hal-portal-surface-academics-fg: var(--hal-accent-salmon-strong);--hal-portal-surface-academics-accent: var(--hal-accent-salmon-strong);--hal-portal-surface-academics-border: var(--hal-accent-salmon-subtle);--hal-portal-surface-academics-gradient: var(--hal-accent-salmon-subtle);--hal-portal-surface-messages-bg: var(--hal-accent-orange-subtle);--hal-portal-surface-messages-bg-soft: var(--hal-accent-orange-subtle);--hal-portal-surface-messages-fg: var(--hal-accent-orange-strong);--hal-portal-surface-messages-accent: var(--hal-accent-orange-strong);--hal-portal-surface-messages-border: var(--hal-accent-orange-subtle);--hal-portal-surface-messages-gradient: var(--hal-accent-orange-subtle);--hal-portal-surface-documents-bg: var(--hal-accent-lime-subtle);--hal-portal-surface-documents-bg-soft: var(--hal-accent-lime-subtle);--hal-portal-surface-documents-fg: var(--hal-accent-lime-strong);--hal-portal-surface-documents-accent: var(--hal-accent-lime-strong);--hal-portal-surface-documents-border: var(--hal-accent-lime-subtle);--hal-portal-surface-documents-gradient: var(--hal-accent-lime-subtle);--hal-portal-surface-behaviour-bg: var(--hal-accent-rose-subtle);--hal-portal-surface-behaviour-bg-soft: var(--hal-accent-rose-subtle);--hal-portal-surface-behaviour-fg: var(--hal-accent-rose-strong);--hal-portal-surface-behaviour-accent: var(--hal-accent-rose-strong);--hal-portal-surface-behaviour-border: var(--hal-accent-rose-subtle);--hal-portal-surface-behaviour-gradient: var(--hal-accent-rose-subtle);--hal-portal-surface-communication-bg: var(--hal-accent-orange-subtle);--hal-portal-surface-communication-bg-soft: var(--hal-accent-orange-subtle);--hal-portal-surface-communication-fg: var(--hal-accent-orange-strong);--hal-portal-surface-communication-accent: var(--hal-accent-orange-strong);--hal-portal-surface-communication-border: var(--hal-accent-orange-subtle);--hal-portal-surface-communication-gradient: var(--hal-accent-orange-subtle);--hal-accent-strong: #3b5a9e;--hal-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hal-guardian: #d4a94a}:root{--hal-nav-active-bg: var(--hal-bg-active);--hal-nav-active-fg: var(--hal-text);--hal-nav-active-bar: var(--hal-text);--hal-sla-breach: #dc2626;--hal-sla-breach-on: #ffffff;--hal-sla-breach-soft: #fee4e2;--hal-sla-breach-ink: #9f1d1d;--hal-sla-soon: var(--hal-attention);--hal-sla-soon-soft: var(--hal-attention-soft);--hal-sla-soon-ink: var(--hal-attention-fg);--hal-sla-ok-ink: var(--hal-text-secondary);--hal-sla-track: #e5e5e5}.dark{--hal-nav-active-bg: var(--hal-bg-active);--hal-nav-active-fg: var(--hal-text);--hal-nav-active-bar: var(--hal-text);--hal-sla-breach: #dc2626;--hal-sla-breach-on: #ffffff;--hal-sla-breach-soft: #3a0f0c;--hal-sla-breach-ink: #ff8a80;--hal-sla-soon: var(--hal-attention);--hal-sla-soon-soft: var(--hal-attention-soft);--hal-sla-soon-ink: var(--hal-attention-fg);--hal-sla-ok-ink: var(--hal-text-secondary);--hal-sla-track: #3a3a3a}html[data-theme=hal-black]{--hal-action-primary: #262626;--hal-action-primary-fg: #262626;--hal-action-primary-hover: #404040;--hal-action-primary-light: #ebebeb;--hal-action-primary-soft: #f4f4f4;--hal-action-primary-bg: rgba(38, 38, 38, .06);--hal-action-primary-border: #d4d4d4;--hal-insight: #7c3aed;--hal-insight-bg: #f3effe;--hal-insight-fg: #6d28d9;--hal-border-focus: #525252;--hal-focus-ring: #e5e5e5;--hal-focus-border: #525252;--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-bubble-own: var(--hal-action-primary)}html.dark[data-theme=hal-black]{--hal-action-primary: #e5e5e5;--hal-action-primary-fg: #e5e5e5;--hal-action-primary-hover: #d4d4d4;--hal-action-primary-light: #2e2e2e;--hal-action-primary-soft: #242424;--hal-action-primary-bg: rgba(255, 255, 255, .06);--hal-action-primary-border: #4a4a4a;--hal-insight: #a78bfa;--hal-insight-bg: #231a3d;--hal-insight-fg: #c4b5fd;--hal-border-focus: #a3a3a3;--hal-focus-ring: #3a3a3a;--hal-focus-border: #a3a3a3;--hal-primary: var(--hal-action-primary);--hal-primary-hover: var(--hal-action-primary-hover);--hal-primary-light: var(--hal-action-primary-light);--hal-primary-soft: var(--hal-action-primary-soft);--hal-primary-bg: var(--hal-action-primary-bg);--hal-primary-border: var(--hal-action-primary-border);--hal-color-primary: var(--hal-action-primary);--hal-color-primary-hover: var(--hal-action-primary-hover);--color-hal-primary: var(--hal-action-primary);--color-hal-primary-hover: var(--hal-action-primary-hover);--color-hal-primary-light: var(--hal-action-primary-light);--hal-bubble-own: var(--hal-action-primary)}html[data-theme=hal-black] body{font-family:HalColorEmoji,IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--hal-scrollbar-thumb) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:transparent!important}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--hal-scrollbar-thumb);border-radius:3px;transition:background-color .15s ease}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--hal-scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover{background-color:var(--hal-text-muted)}}:root{--sf-accent: var(--hal-action-primary);--sf-accent-hover: var(--hal-action-primary-hover);--sf-accent-soft: var(--hal-action-primary-light);--sf-accent-border: var(--hal-action-primary-border);--sf-accent-on: var(--hal-text-inverse);--sf-tap: 44px;--sf-gutter: 16px;--sf-max: 1120px;--sf-cta-h: 68px}.sf[data-surface=portal]{--hal-control-h-md: 44px;--hal-touch-target-min: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body.sf{margin:0;min-height:100dvh;background:var(--hal-surface-page);color:var(--hal-text);font-family:Inter,IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--hal-font-size-body, 14px);line-height:var(--hal-line-height-body, 1.5);-webkit-tap-highlight-color:transparent}html[lang=ar] body.sf{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif}.sf h1,.sf h2,.sf h3,.sf p{margin:0}.sf a{color:inherit}.sf button,.sf input,.sf select,.sf textarea{font:inherit;color:inherit}.sf img{max-width:100%;display:block}.sf :focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.sf-num{font-variant-numeric:tabular-nums}.sf-ltr{direction:ltr;unicode-bidi:isolate}.sf-visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sf-skip{position:absolute;inset-inline-start:8px;inset-block-start:-60px;z-index:var(--hal-z-toast, 100);padding:10px 14px;border-radius:var(--hal-radius-control, 8px);background:var(--sf-accent);color:var(--sf-accent-on);font-weight:var(--hal-font-weight-title)}.sf-skip:focus{inset-block-start:8px}.sf-h1{font-size:var(--hal-font-size-display);font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-tight, 1.25)}.sf-h2{font-size:var(--hal-font-size-title, 16px);font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-tight, 1.25)}.sf-h3{font-size:var(--hal-font-size-body, 14px);font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-snug, 1.35)}.sf-small{font-size:var(--hal-font-size-meta, 12px)}.sf-tiny{font-size:var(--hal-font-size-eyebrow, 11px)}.sf-muted{color:var(--hal-text-secondary)}.sf-price{font-weight:var(--hal-font-weight-title);font-variant-numeric:tabular-nums}.sf-strike{text-decoration:line-through;color:var(--hal-text-secondary);font-weight:var(--hal-font-weight-label)}.sf-shell{inline-size:100%;max-inline-size:var(--sf-max);margin-inline:auto}.sf-section{padding:14px var(--sf-gutter)}.sf-section--tight{padding-block-start:0}.sf-row{display:flex;align-items:center;gap:10px}.sf-between{justify-content:space-between}.sf-grow{flex:1 1 auto;min-inline-size:0}.sf-stack{display:flex;flex-direction:column;gap:12px}body.sf-has-cta{padding-block-end:calc(var(--sf-cta-h) + env(safe-area-inset-bottom,0px))}.sf-head{position:sticky;inset-block-start:0;z-index:var(--hal-z-sticky, 20);background:var(--hal-surface-card);border-block-end:1px solid var(--hal-border);padding-block-start:env(safe-area-inset-top,0px)}.sf-head__bar{display:flex;align-items:center;gap:4px;min-block-size:56px;padding-inline:12px 6px}.sf-brand{display:flex;align-items:center;gap:10px;min-inline-size:0;flex:1 1 auto;text-decoration:none;min-block-size:var(--sf-tap)}.sf-brand__name{font-weight:var(--hal-font-weight-title);font-size:var(--hal-font-size-title, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-avatar{inline-size:36px;block-size:36px;flex:none;border-radius:var(--hal-radius-card, 10px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sf-accent);color:var(--sf-accent-on);font-weight:var(--hal-font-weight-title)}.sf-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.sf-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--sf-tap);block-size:var(--sf-tap);flex:none;border:0;border-radius:var(--hal-radius-control, 8px);background:transparent;color:var(--hal-text);text-decoration:none;cursor:pointer}.sf-iconbtn:hover{background:var(--hal-surface-inset)}.sf-iconbtn svg,.sf-ic{inline-size:20px;block-size:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sf-ic--sm{inline-size:16px;block-size:16px}[dir=rtl] .sf-flip{transform:scaleX(-1)}.sf-lang{font-weight:var(--hal-font-weight-title);font-size:var(--hal-font-size-row, 13px)}.sf-count{position:absolute;inset-block-start:4px;inset-inline-end:2px;min-inline-size:18px;block-size:18px;padding-inline:4px;border-radius:var(--hal-radius-pill, 9999px);background:var(--sf-accent);color:var(--sf-accent-on);font-size:var(--hal-font-size-eyebrow, 11px);font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-snug);text-align:center;font-variant-numeric:tabular-nums}.sf-count[hidden]{display:none}.sf-preview{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px var(--sf-gutter);background:var(--hal-badge-warning-bg);color:var(--hal-badge-warning-fg);font-size:var(--hal-font-size-row, 13px);font-weight:var(--hal-font-weight-title);text-align:center}.sf-preview a{text-decoration:underline}.sf-chips{display:flex;gap:8px;overflow-x:auto;padding:12px var(--sf-gutter);scrollbar-width:none}.sf-chips::-webkit-scrollbar{display:none}.sf-chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-block-size:40px;padding-inline:14px;border:1px solid var(--hal-border);border-radius:var(--hal-radius-pill, 9999px);background:var(--hal-surface-card);color:var(--hal-text);font-size:var(--hal-font-size-row, 13px);font-weight:var(--hal-font-weight-label);text-decoration:none;white-space:nowrap}.sf-chip[aria-current=page]{background:var(--sf-accent);border-color:var(--sf-accent);color:var(--sf-accent-on)}.sf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 var(--sf-gutter) 16px}.sf-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:12px;overflow-x:auto;padding:0 var(--sf-gutter) 16px;scroll-padding-inline:var(--sf-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.sf-rail::-webkit-scrollbar{display:none}.sf-rail>*{scroll-snap-align:start}.sf-card{display:flex;flex-direction:column;min-inline-size:0;border-radius:var(--hal-radius-card, 14px);overflow:hidden;background:var(--hal-surface-card);box-shadow:var(--hal-elevation-card);text-decoration:none;color:inherit}.sf-card:hover{box-shadow:var(--hal-elevation-card-hover)}.sf-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden}.sf-card__media img{inline-size:100%;block-size:100%;object-fit:cover}.sf-card__badge{position:absolute;inset-block-start:8px;inset-inline-start:8px}.sf-card__body{padding:10px}.sf-card__name{font-size:var(--hal-font-size-row, 13px);font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-snug, 1.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:2.7em}.sf-card__price{margin-block-start:4px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.sf-ph{inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-none);color:var(--hal-text-secondary)}.sf-ph--orange{background:var(--hal-card-colour-orange-bg);color:var(--hal-card-colour-orange)}.sf-ph--blue{background:var(--hal-card-colour-blue-bg);color:var(--hal-card-colour-blue)}.sf-ph--green{background:var(--hal-card-colour-green-bg);color:var(--hal-card-colour-green)}.sf-ph--pink{background:var(--hal-card-colour-pink-bg);color:var(--hal-card-colour-pink)}.sf-ph--yellow{background:var(--hal-card-colour-yellow-bg);color:var(--hal-card-colour-yellow)}.sf-ph--teal{background:var(--hal-card-colour-teal-bg);color:var(--hal-card-colour-teal)}.sf-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--hal-radius-pill, 9999px);font-size:var(--hal-font-size-eyebrow, 11px);font-weight:var(--hal-font-weight-title);white-space:nowrap}.sf-pill--warn{background:var(--hal-badge-warning-bg);color:var(--hal-badge-warning-fg)}.sf-pill--ok{background:var(--hal-badge-success-bg);color:var(--hal-badge-success-fg)}.sf-pill--bad{background:var(--hal-badge-danger-bg);color:var(--hal-badge-danger-fg)}.sf-pill--neutral{background:var(--hal-surface-inset);color:var(--hal-text-secondary)}.sf-pill--accent{background:var(--sf-accent-soft);color:var(--sf-accent)}.sf-panel{background:var(--hal-surface-card);border:1px solid var(--hal-border);border-radius:var(--hal-radius-card, 14px)}.sf-panel--pad{padding:14px 16px}.sf-list-row{display:flex;align-items:center;gap:12px;min-block-size:60px;padding:12px 16px}.sf-list-row+.sf-list-row{border-block-start:1px solid var(--hal-border)}.sf-list-row>.sf-ic{color:var(--hal-text-secondary)}.sf-hint{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--hal-radius-control, 10px);background:var(--hal-surface-inset);color:var(--hal-text-secondary);font-size:var(--hal-font-size-meta, 12px);line-height:var(--hal-line-height-body, 1.5)}.sf-hint--accent{background:var(--sf-accent-soft)}.sf-hint b,.sf-hint strong{color:var(--hal-text)}.sf-alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--hal-radius-control, 10px);font-size:var(--hal-font-size-row, 13px)}.sf-alert--danger{background:var(--hal-badge-danger-bg);color:var(--hal-badge-danger-fg)}.sf-alert--warn{background:var(--hal-badge-warning-bg);color:var(--hal-badge-warning-fg)}.sf-alert--ok{background:var(--hal-badge-success-bg);color:var(--hal-badge-success-fg)}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:var(--sf-tap);padding-inline:16px;border:1px solid transparent;border-radius:var(--sf-btn-radius, var(--hal-radius-control, 8px));font-weight:var(--hal-font-weight-title);font-size:var(--hal-font-size-body, 14px);text-decoration:none;cursor:pointer;white-space:nowrap}.sf-btn--primary{background:var(--sf-accent);color:var(--sf-accent-on)}.sf-btn--primary:hover{background:var(--sf-accent-hover)}.sf-btn--secondary{background:var(--hal-surface-card);border-color:var(--hal-border);color:var(--hal-text)}.sf-btn--ghost{background:transparent;color:var(--sf-accent)}.sf-btn--sm{min-block-size:36px;padding-inline:12px;font-size:var(--hal-font-size-row, 13px)}.sf-btn--block{inline-size:100%}.sf-search{display:flex;gap:8px}.sf-input{flex:1 1 auto;min-inline-size:0;min-block-size:var(--sf-tap);padding-inline:12px;border:1px solid var(--hal-border);border-radius:var(--hal-radius-control, 8px);background:var(--hal-surface-card);font-size:var(--hal-font-size-title)}.sf-product{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.sf-product>*{min-width:0}.sf-gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--sf-gutter);scroll-padding-inline:var(--sf-gutter);scrollbar-width:none}.sf-gallery::-webkit-scrollbar{display:none}.sf-gallery__item{flex:0 0 100%;aspect-ratio:1 / 1;border-radius:var(--hal-radius-card, 14px);overflow:hidden;scroll-snap-align:center;background:var(--hal-surface-inset)}.sf-gallery__item img{inline-size:100%;block-size:100%;object-fit:cover}.sf-gallery__item .sf-ph{font-size:110px}.sf-dots{display:flex;justify-content:center;gap:6px;padding:8px}.sf-dots i{inline-size:6px;block-size:6px;border-radius:var(--hal-radius-pill, 9999px);background:var(--hal-border)}.sf-dots i:first-child{inline-size:18px;background:var(--sf-accent)}.sf-label{display:block;margin-block-end:6px;font-size:var(--hal-font-size-meta, 12px);font-weight:var(--hal-font-weight-title);color:var(--hal-text-secondary)}.sf-options{display:flex;flex-wrap:wrap;gap:8px}.sf-opt{min-inline-size:64px;min-block-size:var(--sf-tap);padding:8px 12px;border:1.5px solid var(--hal-border);border-radius:var(--hal-radius-control, 8px);background:var(--hal-surface-card);text-align:start;cursor:pointer}.sf-opt[aria-checked=true]{border-color:var(--sf-accent);background:var(--sf-accent-soft)}.sf-opt[data-oos=true] .sf-opt__label{text-decoration:line-through;color:var(--hal-text-secondary)}.sf-opt__label{font-weight:var(--hal-font-weight-title)}.sf-opt__meta{display:block;font-size:var(--hal-font-size-eyebrow, 11px);color:var(--hal-text-secondary)}.sf-opt__meta--bad{color:var(--hal-badge-danger-fg)}.sf-dates{display:flex;gap:8px;overflow-x:auto;padding:4px var(--sf-gutter);scrollbar-width:none}.sf-dates::-webkit-scrollbar{display:none}.sf-date{flex:none;inline-size:78px;min-block-size:88px;padding:8px 6px;border:1.5px solid var(--hal-border);border-radius:var(--hal-radius-card, 12px);background:var(--hal-surface-card);text-align:center;cursor:pointer}.sf-date[aria-checked=true]{border-color:var(--sf-accent);background:var(--sf-accent-soft)}.sf-date:disabled{opacity:.55;cursor:not-allowed}.sf-date__day{font-size:var(--hal-font-size-display);font-weight:var(--hal-font-weight-title);line-height:var(--hal-line-height-tight)}.sf-date__left{font-size:var(--hal-font-size-eyebrow, 11px);font-weight:var(--hal-font-weight-title);color:var(--hal-text-secondary)}.sf-date__left--low{color:var(--hal-badge-warning-fg)}.sf-cta{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--hal-z-sticky, 20);display:flex;align-items:center;gap:10px;min-block-size:var(--sf-cta-h);padding:10px var(--sf-gutter) max(10px,env(safe-area-inset-bottom,0px));background:var(--hal-surface-card);border-block-start:1px solid var(--hal-border);box-shadow:var(--hal-elevation-sheet)}.sf-cta__inner{display:flex;align-items:center;gap:10px;inline-size:100%;max-inline-size:var(--sf-max);margin-inline:auto}.sf-fact{display:flex;justify-content:space-between;gap:12px;padding-block:9px;font-size:var(--hal-font-size-row, 13px)}.sf-fact+.sf-fact{border-block-start:1px dashed var(--hal-border)}.sf-fact>:first-child{color:var(--hal-text-secondary)}.sf-fact--total{font-weight:var(--hal-font-weight-title);font-size:var(--hal-font-size-title)}.sf-fact--total>:first-child{color:var(--hal-text)}.sf-secnum{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex:none;border-radius:var(--hal-radius-pill, 9999px);background:var(--sf-accent);color:var(--sf-accent-on);font-size:var(--hal-font-size-meta, 12px);font-weight:var(--hal-font-weight-title)}.sf-divider{block-size:1px;background:var(--hal-border);border:0;margin:0}.sf-thumb{inline-size:48px;block-size:48px;flex:none;border-radius:var(--hal-radius-control, 10px);overflow:hidden}.sf-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.sf-thumb .sf-ph{font-size:var(--hal-font-size-display)}.sf-track{list-style:none;margin:0;padding:0;padding-inline-start:28px}.sf-track__step{position:relative;padding-block-end:18px}.sf-track__step:before{content:"";position:absolute;inset-inline-start:-21px;inset-block:20px -2px;inline-size:2px;background:var(--hal-border)}.sf-track__step:last-child:before{display:none}.sf-track__dot{position:absolute;inset-inline-start:-28px;inset-block-start:1px;inline-size:16px;block-size:16px;border-radius:var(--hal-radius-pill, 9999px);border:2px solid var(--hal-border);background:var(--hal-surface-card)}.sf-track__step[data-state=done] .sf-track__dot{background:var(--hal-badge-success-fg);border-color:var(--hal-badge-success-fg)}.sf-track__step[data-state=done]:before{background:var(--hal-badge-success-fg)}.sf-track__step[data-state=current] .sf-track__dot{border-color:var(--sf-accent);box-shadow:0 0 0 4px var(--sf-accent-soft)}.sf-track__step[data-state=todo] .sf-track__label{color:var(--hal-text-secondary)}.sf-track__step[data-state=cancelled] .sf-track__dot{background:var(--hal-badge-danger-fg);border-color:var(--hal-badge-danger-fg)}.sf-done-mark{inline-size:64px;block-size:64px;margin-inline:auto;border-radius:var(--hal-radius-pill, 9999px);display:flex;align-items:center;justify-content:center;background:var(--hal-badge-success-bg);color:var(--hal-badge-success-fg)}.sf-done-mark--bad{background:var(--hal-badge-danger-bg);color:var(--hal-badge-danger-fg)}.sf-done-mark .sf-ic{inline-size:28px;block-size:28px}.sf-copy{font-family:var(--hal-font-mono);font-size:var(--hal-font-size-row, 13px);word-break:break-all}.sf-footer{padding:8px var(--sf-gutter) 24px}.sf-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:var(--hal-font-size-row, 13px);color:var(--hal-text-secondary)}.sf-footer__links a{display:inline-flex;align-items:center;gap:6px;min-block-size:var(--sf-tap);text-decoration:none}.sf-powered{padding-block-start:6px;text-align:center;font-size:var(--hal-font-size-eyebrow, 11px);color:var(--hal-text-secondary)}.sf-skeleton{border-radius:var(--hal-radius-card, 14px);background:var(--hal-surface-inset);min-block-size:120px}.sf-toast{position:fixed;inset-inline:var(--sf-gutter);inset-block-end:calc(var(--sf-cta-h) + 12px + env(safe-area-inset-bottom,0px));z-index:var(--hal-z-toast, 100);display:flex;align-items:center;gap:10px;max-inline-size:480px;margin-inline:auto;padding:10px 12px 10px 16px;border-radius:var(--hal-radius-card, 12px);background:var(--hal-text);color:var(--hal-bg);box-shadow:var(--hal-elevation-card-hover);font-weight:var(--hal-font-weight-title)}.sf-toast a{color:inherit;margin-inline-start:auto;text-decoration:underline;min-block-size:36px;display:inline-flex;align-items:center}.sf-field{display:flex;flex-direction:column;gap:4px}.sf-select{inline-size:100%;min-block-size:var(--sf-tap);padding-inline:12px;border:1px solid var(--hal-border);border-radius:var(--hal-radius-control, 8px);background:var(--hal-surface-card);font-size:var(--hal-font-size-title)}.sf-select[aria-invalid=true]{border-color:var(--hal-badge-danger-fg)}.sf-error{font-size:var(--hal-font-size-meta, 12px);color:var(--hal-badge-danger-fg)}.sf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-remember{margin-block-start:var(--hal-space-3)}.sf-honeypot{position:absolute;inset-inline-start:-10000px;inline-size:1px;block-size:1px;overflow:hidden}@media(min-width:640px){.sf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-rail{grid-auto-columns:minmax(180px,28%)}.sf-h1{font-size:var(--hal-font-size-display, 24px)}}@media(min-width:960px){:root{--sf-gutter: 24px}.sf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-rail{grid-auto-columns:minmax(200px,22%)}.sf-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-block-start:16px}.sf-product__media{position:sticky;inset-block-start:72px;align-self:start}.sf-cta{position:static;min-block-size:0;padding:0;background:transparent;border:0;box-shadow:none}.sf-cta--page{padding:0 var(--sf-gutter)}body.sf-has-cta{padding-block-end:0}.sf-toast{inset-block-end:24px}.sf-checkout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.sf-checkout__aside{position:sticky;inset-block-start:72px}}.sf .reach-segmented.reach-segmented--md{block-size:var(--sf-tap);inline-size:100%}.sf .reach-segmented.reach-segmented--md .reach-segmented__seg{block-size:100%;font-size:var(--hal-font-size-body, 14px)}.sf .reach-text-field .reach-tf-input{font-size:var(--hal-font-size-title)}.sf .reach-btn.reach-btn--lg{min-block-size:var(--sf-tap)}.sf .reach-choice-card.reach-choice-card{min-block-size:56px}.sf-cta .sf-h2{white-space:nowrap}body.sf[data-look=classic]{--sf-font-body: Inter, system-ui, sans-serif;--sf-font-body-ar: "IBM Plex Sans Arabic", Inter, sans-serif;--sf-font-head: Inter, system-ui, sans-serif;--sf-font-head-ar: "IBM Plex Sans Arabic", sans-serif;--sf-head-weight: 700;--sf-hero-size: 44px;--sf-hero-size-sm: 30px;--sf-block-size: 20px;--sf-card-radius: var(--hal-radius-card);--sf-btn-radius: var(--hal-radius-control);--sf-media-ratio: 4 / 3;--sf-tile-ratio: 4 / 3;--sf-block-gap: 28px}body.sf[data-look=voyage]{--sf-font-body: Inter, system-ui, sans-serif;--sf-font-body-ar: Cairo, "IBM Plex Sans Arabic", sans-serif;--sf-font-head: Archivo, Inter, sans-serif;--sf-font-head-ar: Cairo, sans-serif;--sf-head-weight: 800;--sf-head-track: -.02em;--sf-hero-size: 64px;--sf-hero-size-sm: 36px;--sf-block-size: 26px;--sf-card-radius: var(--hal-radius-panel);--sf-btn-radius: var(--hal-radius-pill);--sf-media-ratio: 4 / 5;--sf-tile-ratio: 3 / 4;--sf-block-gap: 40px;--sf-page: var(--hal-surface-card)}body.sf[data-look=boutique]{--sf-font-body: Inter, system-ui, sans-serif;--sf-font-body-ar: "IBM Plex Sans Arabic", sans-serif;--sf-font-head: Fraunces, Georgia, serif;--sf-font-head-ar: "Noto Naskh Arabic", serif;--sf-head-weight: 500;--sf-hero-size: 54px;--sf-hero-size-sm: 34px;--sf-block-size: 28px;--sf-card-radius: var(--hal-radius-squared);--sf-btn-radius: var(--hal-radius-squared);--sf-media-ratio: 3 / 4;--sf-tile-ratio: 2 / 3;--sf-block-gap: 48px;--sf-page: color-mix(in srgb, #c8a27a 9%, var(--hal-surface-page))}body.sf[data-look=market]{--sf-font-body: Nunito, system-ui, sans-serif;--sf-font-body-ar: Tajawal, sans-serif;--sf-font-head: Nunito, system-ui, sans-serif;--sf-font-head-ar: Tajawal, sans-serif;--sf-head-weight: 900;--sf-hero-size: 42px;--sf-hero-size-sm: 28px;--sf-block-size: 22px;--sf-card-radius: var(--hal-radius-panel);--sf-btn-radius: var(--hal-radius-panel);--sf-media-ratio: 1 / 1;--sf-tile-ratio: 1 / 1;--sf-block-gap: 24px;--sf-page: color-mix(in srgb, var(--sf-accent) 6%, var(--hal-surface-page))}body.sf[data-look]{font-family:var(--sf-font-body);background:var(--sf-page, var(--hal-surface-page))}html[lang=ar] body.sf[data-look]{font-family:var(--sf-font-body-ar)}.sf[data-look] .sf-h1,.sf[data-look] .sf-h2,.sf-hero__title,.sf-block__title{font-family:var(--sf-font-head);font-weight:var(--sf-head-weight);letter-spacing:var(--sf-head-track, normal)}html[lang=ar] .sf[data-look] .sf-h1,html[lang=ar] .sf[data-look] .sf-h2,html[lang=ar] .sf-hero__title,html[lang=ar] .sf-block__title{font-family:var(--sf-font-head-ar);letter-spacing:normal;line-height:var(--hal-line-height-snug, 1.35)}.sf[data-look] .sf-card{border-radius:var(--sf-card-radius)}.sf[data-look] .sf-card__media{aspect-ratio:var(--sf-media-ratio)}.sf-ann{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:8px var(--sf-gutter);background:var(--sf-accent);color:var(--sf-accent-on);font-size:var(--hal-font-size-row);font-weight:var(--hal-font-weight-title);text-align:center}.sf-ann a{color:inherit;text-decoration:underline;text-underline-offset:3px}.sf-hero{position:relative;display:flex;align-items:flex-end;min-block-size:300px;margin:12px var(--sf-gutter) 0;border-radius:var(--sf-card-radius, var(--hal-radius-card));overflow:hidden;color:#fff}.sf-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.sf-hero--plain .sf-hero__media{background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--sf-accent-on) 16%,transparent) 0 22%,transparent 23%),linear-gradient(135deg,var(--sf-accent),color-mix(in srgb,var(--sf-accent) 55%,#000))}.sf-hero--plain{color:var(--sf-accent-on)}.sf-hero__slides{display:flex;block-size:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sf-hero__slides::-webkit-scrollbar{display:none}.sf-hero__img{flex:0 0 100%;inline-size:100%;block-size:100%;object-fit:cover;scroll-snap-align:start}.sf-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#000000ad,#0000001f 60%,#0003)}.sf-hero__body{position:relative;display:grid;gap:10px;justify-items:start;inline-size:100%;padding:24px;pointer-events:none}.sf-hero__body a{pointer-events:auto}.sf-hero__eyebrow{font-size:var(--hal-font-size-meta);font-weight:var(--hal-font-weight-title);text-transform:uppercase;letter-spacing:.12em;opacity:.9}html[lang=ar] .sf-hero__eyebrow{text-transform:none;letter-spacing:normal}.sf-hero__title{max-inline-size:18ch;font-size:var(--sf-hero-size-sm);line-height:var(--hal-line-height-none, 1.05)}.sf-hero__sub{max-inline-size:34rem;font-size:var(--hal-font-size-title);opacity:.92}.sf-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:6px}.sf-hero__dots{margin-block-start:4px}.sf[data-look=voyage] .sf-hero{margin:0;border-radius:0;min-block-size:min(78vh,560px)}.sf[data-look=voyage] .sf-hero--plain{min-block-size:340px}.sf[data-look=boutique] .sf-hero{display:grid;gap:20px;margin-block-start:20px;color:var(--hal-text);overflow:visible}.sf[data-look=boutique] .sf-hero__media{position:relative;aspect-ratio:4 / 3;border-radius:var(--sf-card-radius);overflow:hidden}.sf[data-look=boutique] .sf-hero__shade{display:none}.sf[data-look=boutique] .sf-hero--plain{color:var(--hal-text)}.sf[data-look=boutique] .sf-hero--plain .sf-hero__media{background-color:color-mix(in srgb,var(--sf-accent) 12%,var(--hal-surface-inset));background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--sf-accent) 8%,transparent) 0 14px,transparent 14px 28px)}.sf[data-look=boutique] .sf-hero__body{padding:0}.sf[data-look=boutique] .sf-hero__eyebrow{color:var(--sf-accent);opacity:1}.sf[data-look=market] .sf-hero{display:grid;background:var(--sf-accent);color:var(--sf-accent-on);border-radius:var(--hal-radius-panel)}.sf[data-look=market] .sf-hero__media{position:relative;min-block-size:180px}.sf[data-look=market] .sf-hero__shade,.sf[data-look=market] .sf-hero--plain .sf-hero__media{display:none}.sf[data-look=market] .sf-hero .sf-btn--primary,.sf[data-look=voyage] .sf-hero--plain .sf-btn--primary,.sf[data-look=classic] .sf-hero--plain .sf-btn--primary{background:var(--sf-accent-on);border-color:var(--sf-accent-on);color:var(--sf-accent)}.sf-block{padding-block-start:var(--sf-block-gap, 20px)}.sf-block__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 var(--sf-gutter) 12px}.sf-block__title{font-size:var(--sf-block-size, var(--hal-font-size-title));line-height:var(--hal-line-height-tight, 1.25)}.sf-link{display:inline-flex;align-items:center;gap:4px;color:var(--sf-accent);font-size:var(--hal-font-size-row);font-weight:var(--hal-font-weight-title);text-decoration:none;white-space:nowrap}.sf-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 var(--sf-gutter)}.sf-tile{position:relative;aspect-ratio:var(--sf-tile-ratio, 4 / 3);border-radius:var(--sf-card-radius, var(--hal-radius-card));overflow:hidden;background:var(--hal-surface-inset);text-decoration:none}.sf-tile img,.sf-tile .sf-ph{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.sf-tile__label{position:absolute;inset-inline:0;inset-block-end:0;display:grid;padding:28px 12px 12px;background:linear-gradient(to top,rgb(0 0 0 / .62),transparent);color:#fff;font-weight:var(--hal-font-weight-title);font-size:var(--hal-font-size-title)}.sf-tile__label small{font-size:var(--hal-font-size-meta);font-weight:var(--hal-font-weight-label);opacity:.85}.sf-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0 var(--sf-gutter);list-style:none}.sf-trust li{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:var(--sf-card-radius, var(--hal-radius-card));background:var(--hal-surface-card);box-shadow:var(--hal-elevation-card);font-size:var(--hal-font-size-meta);color:var(--hal-text-secondary)}.sf-trust li .sf-ic{flex:none;color:var(--sf-accent)}.sf-trust b{display:block;color:var(--hal-text);font-size:var(--hal-font-size-row)}.sf-about{display:grid;margin:0 var(--sf-gutter);border-radius:var(--sf-card-radius, var(--hal-radius-card));overflow:hidden;background:var(--hal-surface-card);box-shadow:var(--hal-elevation-card)}.sf-about__img{inline-size:100%;aspect-ratio:16 / 10;object-fit:cover}.sf-about__body{display:grid;gap:10px;padding:20px}.sf-about__text{color:var(--hal-text-secondary);white-space:pre-line}.sf-about__actions{flex-wrap:wrap}.sf-card__meta{display:flex;align-items:center;gap:4px;margin-block-start:4px;color:var(--hal-text-secondary);font-size:var(--hal-font-size-meta)}.sf[data-look=voyage] .sf-card{position:relative}.sf[data-look=voyage] .sf-card__body{position:absolute;inset-inline:0;inset-block-end:0;padding:48px 14px 14px;background:linear-gradient(to top,rgb(0 0 0 / .78) 12%,rgb(0 0 0 / .3) 65%,transparent);color:#fff}.sf[data-look=voyage] .sf-card__name{font-family:var(--sf-font-head);font-weight:var(--sf-head-weight);font-size:var(--hal-font-size-title);min-block-size:0}html[lang=ar] .sf[data-look=voyage] .sf-card__name{font-family:var(--sf-font-head-ar)}.sf[data-look=voyage] .sf-card__meta,.sf[data-look=voyage] .sf-card .sf-muted,.sf[data-look=voyage] .sf-card .sf-strike{color:#ffffffd9}.sf[data-look=boutique] .sf-card{background:transparent;box-shadow:none;overflow:visible}.sf[data-look=boutique] .sf-card__media{border-radius:var(--sf-card-radius)}.sf[data-look=boutique] .sf-card__body{padding:10px 0 0}.sf[data-look=boutique] .sf-card__name{font-family:var(--sf-font-head);font-weight:var(--sf-head-weight);font-size:var(--hal-font-size-title);min-block-size:0}html[lang=ar] .sf[data-look=boutique] .sf-card__name{font-family:var(--sf-font-head-ar)}.sf[data-look=boutique] .sf-trust li,.sf[data-look=boutique] .sf-about{box-shadow:none;background:transparent;border-block-start:1px solid var(--hal-border);border-radius:0}.sf[data-look=market] .sf-card{border:2px solid var(--hal-surface-card);box-shadow:none}.sf[data-look=market] .sf-card__media{margin:6px 6px 0;border-radius:var(--hal-radius-card)}.sf[data-look=market] .sf-card__name{font-weight:var(--sf-head-weight)}.sf[data-look=market] .sf-price{color:var(--sf-accent)}.sf[data-look] .sf-ph{background-color:color-mix(in srgb,var(--sf-accent) 12%,var(--hal-surface-inset));background-image:radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--sf-accent) 16%,transparent) 0 18%,transparent 19%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--sf-accent) 8%,transparent) 0 14px,transparent 14px 28px);color:var(--sf-accent)}.sf-wa{position:fixed;inset-inline-end:16px;inset-block-end:calc(16px + env(safe-area-inset-bottom,0px));z-index:var(--hal-z-sticky, 20);display:inline-flex;align-items:center;gap:6px;min-block-size:var(--sf-tap);padding-inline:16px;border-radius:var(--hal-radius-pill);background:#1f9d55;color:#fff;font-weight:var(--hal-font-weight-title);font-size:var(--hal-font-size-row);text-decoration:none;box-shadow:var(--hal-elevation-overlay)}@media(min-width:640px){.sf-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-about:not(.sf-about--text){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.sf-about__img{block-size:100%;aspect-ratio:auto}.sf-hero__body{padding:36px}}@media(min-width:960px){.sf-hero{min-block-size:380px}.sf-hero__title{font-size:var(--sf-hero-size)}.sf-trust{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-about__body{padding:32px}.sf[data-look=voyage] .sf-hero__body{max-inline-size:var(--sf-max);margin-inline:auto;padding:48px var(--sf-gutter)}.sf[data-look=voyage] .sf-grid,.sf[data-look=boutique] .sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sf[data-look=voyage] .sf-rail,.sf[data-look=boutique] .sf-rail{grid-auto-columns:minmax(240px,31%);gap:20px}.sf[data-look=boutique] .sf-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;margin-block-start:32px}.sf[data-look=boutique] .sf-hero__media{order:2;aspect-ratio:4 / 5}.sf[data-look=market] .sf-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.sf[data-look=market] .sf-hero__media{order:2}.sf[data-look=market] .sf-hero--plain{grid-template-columns:minmax(0,1fr)}}