:root{color-scheme:light;--brand-primary-navy: #172D48;--brand-academic-teal: #0F5060;--brand-champagne-gold: #BE965A;--brand-warm-ivory: #FAF8F3;--brand-white: #FFFFFF;--brand-slate-text: #526377;--brand-warm-border: #E6DDD0;--brand-primary: var(--brand-primary-override, #0F5060);--brand-primary-hover: #0B3D4A;--brand-navy: #172D48;--brand-navy-dark: #0E1D30;--brand-navy-card: #1E3554;--brand-gold: #BE965A;--brand-gold-hover: #A88247;--brand-gold-soft: #FAF4EA;--brand-teal-soft: #EBF5F7;--brand-blue-soft: #EBF5F7;--brand-blue-tint: #D6ECF0;--brand-blue-accent: #0F5060;--brand-secondary: #F4EFE6;--brand-secondary-hover: #EAE3D5;--brand-accent: #BE965A;--brand-accent-hover: #A88247;--brand-accent-subtle: #D6ECF0;--brand-bg: #FAF8F3;--brand-surface: #FFFFFF;--brand-surface-elevated: #FFFFFF;--brand-surface-muted: #F4EFE6;--brand-border: #E6DDD0;--brand-border-focus: #0F5060;--brand-text-primary: #172D48;--brand-text-secondary: #526377;--brand-text-muted: #687A8F;--brand-success: #166534;--brand-success-bg: #DCFCE7;--brand-warning: #92400E;--brand-warning-bg: #FEF3C7;--brand-error: #991B1B;--brand-error-bg: #FEE2E2;--brand-focus-ring: 0 0 0 3px rgba(15, 80, 96, .25);--font-sans: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic: "Noto Sans Arabic", "DM Sans", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.55;--leading-relaxed: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(23, 45, 72, .05);--shadow-md: 0 4px 12px rgba(23, 45, 72, .06);--shadow-lg: 0 18px 48px rgba(23, 45, 72, .08);--container-max: 1240px;--z-dropdown: 10;--z-sticky: 20;--z-modal-backdrop: 40;--z-modal: 50;--z-toast: 60;--ink: var(--brand-text-primary);--muted: var(--brand-text-muted);--line: var(--brand-border);--canvas: var(--brand-bg);--white: var(--brand-surface);--green: var(--brand-primary);--lime: var(--brand-accent-subtle);--sand: var(--brand-secondary);--coral: #BE965A;--blue: #EBF5F7;--surface: var(--brand-surface);--surface-muted: var(--brand-surface-muted);--shadow: var(--shadow-lg);--radius: var(--radius-lg)}html[data-theme=dark]{color-scheme:dark;--brand-primary: var(--brand-primary-override, #1E7A90);--brand-primary-hover: #2692AB;--brand-navy: #0C1827;--brand-navy-dark: #060C14;--brand-navy-card: #14253B;--brand-gold: #D4AA6A;--brand-gold-hover: #E2BE85;--brand-gold-soft: #2C2417;--brand-teal-soft: #0E2A34;--brand-blue-soft: #0E2A34;--brand-blue-tint: #163C4A;--brand-blue-accent: #48B3CD;--brand-secondary: #14253B;--brand-secondary-hover: #1D3554;--brand-accent: #D4AA6A;--brand-accent-hover: #E2BE85;--brand-accent-subtle: #163C4A;--brand-bg: #0A131F;--brand-surface: #122135;--brand-surface-elevated: #182C46;--brand-surface-muted: #0D1928;--brand-border: #223853;--brand-border-focus: #48B3CD;--brand-text-primary: #F8FAFC;--brand-text-secondary: #94A3B8;--brand-text-muted: #94A3B8;--brand-success: #4ADE80;--brand-success-bg: #052E16;--brand-warning: #FBBF24;--brand-warning-bg: #451A03;--brand-error: #F87171;--brand-error-bg: #450A0A;--brand-focus-ring: 0 0 0 3px rgba(72, 179, 205, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .55);--ink: var(--brand-text-primary);--muted: var(--brand-text-muted);--line: var(--brand-border);--canvas: var(--brand-bg);--white: #122135;--green: var(--brand-primary);--lime: var(--brand-accent-subtle);--sand: var(--brand-secondary);--coral: #D4AA6A;--blue: #0E2A34;--surface: var(--brand-surface);--surface-muted: var(--brand-surface-muted);--shadow: var(--shadow-lg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--brand-text-primary);background:var(--brand-bg);font:var(--text-base) / var(--leading-normal) var(--font-sans);transition:background-color .2s ease,color .2s ease}[dir=rtl] body,[dir=rtl] *{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--brand-text-primary);margin-top:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.button{border:0;border-radius:var(--radius-sm);padding:10px 16px;font-size:var(--text-sm);font-weight:var(--font-bold);display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);transition:all .18s ease;text-decoration:none}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline:none;box-shadow:var(--brand-focus-ring)}.button.primary{background:var(--brand-primary);color:#fff}.button.primary:hover{background:var(--brand-primary-hover);color:#fff}html[data-theme=dark] .button.primary{background:var(--brand-primary);color:#fff}html[data-theme=dark] .button.primary:hover{background:var(--brand-primary-hover);color:#fff}.button.secondary{background:var(--brand-blue-soft);color:var(--brand-blue-accent);border:1px solid var(--brand-accent-subtle)}.button.secondary:hover{background:var(--brand-accent-subtle)}html[data-theme=dark] .button.secondary{background:var(--brand-surface-muted);color:var(--brand-blue-accent);border:1px solid var(--brand-border)}.button.outline{background:transparent;color:var(--brand-text-primary);border:1px solid var(--brand-border)}.button.outline:hover{background:var(--brand-surface-muted)}.button.small{padding:7px 11px;font-size:12px}.eyebrow,.market-pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--brand-blue-soft);padding:6px 12px;color:var(--brand-blue-accent);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.04em;text-transform:uppercase}.market-pill i{width:7px;height:7px;background:var(--brand-primary);border-radius:50%}html[data-theme=dark] .eyebrow,html[data-theme=dark] .market-pill{background:var(--brand-blue-soft);color:var(--brand-blue-accent)}.side-item{width:100%;border:0;background:transparent;text-align:start;padding:10px 14px;border-radius:var(--radius-sm);color:var(--brand-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;gap:10px;align-items:center;transition:all .18s ease;cursor:pointer;text-decoration:none}.side-item:hover,.side-item.active{background:var(--brand-blue-soft);color:var(--brand-blue-accent);font-weight:var(--font-bold)}html[data-theme=dark] .side-item:hover,html[data-theme=dark] .side-item.active{background:var(--brand-surface-muted);color:var(--brand-blue-accent)}.balance{background:var(--brand-blue-soft);border:1px solid var(--brand-accent-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:16px;color:var(--brand-navy)}html[data-theme=dark] .balance{background:var(--brand-surface-muted);border-color:var(--brand-border);color:var(--brand-text-primary)}.stat-icon{background:var(--brand-blue-soft);color:var(--brand-blue-accent);border-radius:var(--radius-sm);height:32px;width:32px;display:grid;place-items:center;font-size:16px}html[data-theme=dark] .stat-icon{background:var(--brand-surface-muted);color:var(--brand-blue-accent)}.role-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:var(--brand-blue-soft);color:var(--brand-blue-accent)}.role-card:nth-child(2) .role-icon{background:var(--brand-blue-tint);color:#3730a3}.company-logo,.welcome-avatar{background:var(--brand-blue-soft);color:var(--brand-blue-accent);border-radius:11px}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700;position:relative;overflow:hidden;background:#d9e8dc;color:#30584a}.avatar.mint,.avatar:nth-child(1){background:#d9e8dc;color:#30584a}.avatar.warm,.avatar:nth-child(2){background:#f6ddce;color:#8c4320}.avatar.lav,.avatar:nth-child(3){background:#e4e6f3;color:#4338ca}.avatar.gold,.avatar:nth-child(4){background:#edebca;color:#715b17}.cta-panel{background:var(--brand-navy);color:#fff;border-radius:var(--radius-lg);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-panel h2{color:#fff;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:12px 0 6px}.cta-panel p{color:#cbd5e1;font-size:var(--text-sm);margin:0}.cta-panel .eyebrow{background:#1e293b;color:#bfdbfe}html[data-theme=dark] .cta-panel{background:#070d18}.footer-executive{margin-top:64px;padding:48px 0 32px;background-color:var(--brand-navy-dark);border-top:2px solid var(--brand-gold);color:#cbd5e1;font-size:13px}.footer-executive a{color:#cbd5e1;text-decoration:none;transition:color .15s ease}.footer-executive a:hover{color:#fff}.footer-executive strong{display:block;color:#fff;margin-bottom:12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.footer-executive .footer-bottom{border-top:1px solid #334155;padding-top:20px;margin-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#94a3b8}html[data-theme=dark] .footer-executive{background-color:var(--brand-navy-dark)}.panel{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-semibold)}.status-badge.ok{background:var(--brand-success-bg);color:var(--brand-success)}.status-badge.degraded{background:var(--brand-warning-bg);color:var(--brand-warning)}.status-badge.error{background:var(--brand-error-bg);color:var(--brand-error)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor}@media(max-width:680px){.site-header{height:auto!important;min-height:76px}.header-inner{height:auto!important;flex-wrap:wrap;gap:6px!important;padding-block:8px!important}.header-actions{flex-wrap:wrap;justify-content:flex-end}.nav-links,.header-register-btn,.header-user-icon{display:none!important}.header-actions{gap:4px!important}.shell{padding:0 var(--space-2)}.cta-panel{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:18px}}@media(max-width:360px){.shell{padding:0 var(--space-2)}}.workspace-window{position:fixed;z-index:42;inset-inline-end:20px;bottom:78px;width:min(680px,calc(100vw - 40px));max-height:min(76vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:0 24px 70px #0f172a3b}.workspace-window.maximized{top:82px;right:3vw;bottom:82px;left:3vw;width:auto;max-height:none}.workspace-window-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.workspace-window-head strong{font-family:var(--font-heading);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls{display:flex;gap:6px;align-items:center}.window-control{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;font-size:14px;font-weight:700;transition:background .15s ease}.window-control:hover{background:var(--surface-muted)}.workspace-window-body{overflow-y:auto;padding:18px;flex:1}.workspace-window-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}.workspace-dock{position:fixed;z-index:43;bottom:12px;left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 40px #0f172a2e;overflow-x:auto;white-space:nowrap}[dir=rtl] .workspace-dock{transform:translate(50%)}.dock-item{display:flex;align-items:center;gap:2px}.dock-chip,.dock-compare{border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-chip:hover,.dock-compare:hover{background:var(--surface-muted)}.dock-chip.active{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent)}.dock-close{width:24px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer;display:grid;place-items:center}.dock-close:hover{background:var(--surface-muted);color:var(--ink)}.dock-compare{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.dock-compare:hover{background:var(--brand-primary-hover);color:#fff}.limit-toast{position:fixed;bottom:74px;left:50%;transform:translate(-50%);z-index:50;background:var(--brand-warning);color:#fff;padding:10px 18px;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 10px 25px #00000040;display:flex;align-items:center;gap:12px;animation:toastFadeIn .2s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.compare-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;display:flex;align-items:center;justify-content:center;padding:24px}.compare-modal-shell{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 70px #00000059}.compare-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.compare-scroll{overflow-x:auto;overflow-y:auto;flex:1;padding:16px 20px}.compare-table{min-width:900px;width:100%;border-collapse:separate;border-spacing:0;background:var(--surface)}.compare-table th,.compare-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;font-size:12px;line-height:1.5}.compare-table th:first-child,.compare-table td:first-child{position:sticky;inset-inline-start:0;z-index:2;background:var(--surface);min-width:160px;color:var(--muted);font-weight:700;border-inline-end:1px solid var(--line)}.compare-table th{font-weight:700;color:var(--ink)}.compare-col{min-width:190px}.compare-table .diff{background:var(--brand-accent-subtle)}html[data-theme=dark] .compare-table .diff{background:#1e3a5f}.portrait-protected{position:relative;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#94a3b8);color:#475569;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-weight:700;-webkit-user-select:none;user-select:none}.portrait-protected .avatar-blur{filter:blur(3px);opacity:.6}.portrait-lock{position:absolute;inset-inline-end:-2px;bottom:-2px;width:18px;height:18px;border:2px solid var(--surface);border-radius:50%;display:grid;place-items:center;background:var(--brand-primary);color:#fff;font-size:9px}.locked-photo-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);font-size:11px;color:var(--muted)}@media(max-width:680px){.workspace-window{top:72px;right:0;bottom:76px;left:0;width:100%;max-height:none;border-radius:18px 18px 0 0}.workspace-window.maximized{top:58px;right:0;bottom:76px;left:0}.workspace-dock{left:0;right:0;bottom:0;max-width:100%;transform:none;border-radius:14px 14px 0 0;padding:8px;justify-content:flex-start}[dir=rtl] .workspace-dock{transform:none}.compare-modal-shell{max-width:100%;height:100%;max-height:100%;border-radius:0}}
