:root{--primary-color: rgba(6, 89, 135);--accent-color: rgba(139, 191, 77);--neutral-color: rgba(123, 145, 141);--primary-color-rgb: 6, 89, 135;--accent-color-rgb: 139, 191, 77;--neutral-color-rgb: 123, 145, 141;--white-02: rgba(255, 255, 255, .02);--white-03: rgba(255, 255, 255, .03);--white-04: rgba(255, 255, 255, .04);--white-05: rgba(255, 255, 255, .05);--white-06: rgba(255, 255, 255, .06);--white-08: rgba(255, 255, 255, .08);--white-10: rgba(255, 255, 255, .1);--white-12: rgba(255, 255, 255, .12);--white-14: rgba(255, 255, 255, .14);--white-15: rgba(255, 255, 255, .15);--white-18: rgba(255, 255, 255, .18);--white-20: rgba(255, 255, 255, .2);--white-25: rgba(255, 255, 255, .25);--white-30: rgba(255, 255, 255, .3);--white-40: rgba(255, 255, 255, .4);--white-45: rgba(255, 255, 255, .45);--white-50: rgba(255, 255, 255, .5);--white-60: rgba(255, 255, 255, .6);--white-70: rgba(255, 255, 255, .7);--white-75: rgba(255, 255, 255, .75);--white-80: rgba(255, 255, 255, .8);--white-85: rgba(255, 255, 255, .85);--white-90: rgba(255, 255, 255, .9);--white-95: rgba(255, 255, 255, .95);--white-98: rgba(255, 255, 255, .98);--white-100: rgb(255, 255, 255);--black-05: rgba(0, 0, 0, .05);--black-10: rgba(0, 0, 0, .1);--black-15: rgba(0, 0, 0, .15);--black-20: rgba(0, 0, 0, .2);--black-25: rgba(0, 0, 0, .25);--black-30: rgba(0, 0, 0, .3);--black-35: rgba(0, 0, 0, .35);--black-40: rgba(0, 0, 0, .4);--black-50: rgba(0, 0, 0, .5);--black-55: rgba(0, 0, 0, .55);--black-60: rgba(0, 0, 0, .6);--black-65: rgba(0, 0, 0, .65);--black-70: rgba(0, 0, 0, .7);--black-75: rgba(0, 0, 0, .75);--black-80: rgba(0, 0, 0, .8);--black-85: rgba(0, 0, 0, .85);--black-90: rgba(0, 0, 0, .9);--black-95: rgba(0, 0, 0, .95);--dark-gray-95: rgba(30, 30, 30, .95);--gray-30: rgba(94, 94, 94, .3);--primary-05: rgba(6, 89, 135, .05);--primary-08: rgba(6, 89, 135, .08);--primary-10: rgba(6, 89, 135, .1);--primary-15: rgba(6, 89, 135, .15);--primary-20: rgba(6, 89, 135, .2);--primary-30: rgba(6, 89, 135, .3);--primary-40: rgba(6, 89, 135, .4);--primary-50: rgba(6, 89, 135, .5);--primary-60: rgba(6, 89, 135, .6);--primary-70: rgba(6, 89, 135, .7);--primary-80: rgba(6, 89, 135, .8);--primary-85: rgba(6, 89, 135, .85);--primary-90: rgba(6, 89, 135, .9);--primary-92: rgba(6, 89, 135, .92);--primary-95: rgba(6, 89, 135, .95);--primary-98: rgba(6, 89, 135, .98);--accent-05: rgba(139, 191, 77, .05);--accent-08: rgba(139, 191, 77, .08);--accent-10: rgba(139, 191, 77, .1);--accent-12: rgba(139, 191, 77, .12);--accent-15: rgba(139, 191, 77, .15);--accent-18: rgba(139, 191, 77, .18);--accent-20: rgba(139, 191, 77, .2);--accent-25: rgba(139, 191, 77, .25);--accent-30: rgba(139, 191, 77, .3);--accent-40: rgba(139, 191, 77, .4);--accent-50: rgba(139, 191, 77, .5);--accent-60: rgba(139, 191, 77, .6);--accent-70: rgba(139, 191, 77, .7);--accent-80: rgba(139, 191, 77, .8);--accent-85: rgba(139, 191, 77, .85);--accent-90: rgba(139, 191, 77, .9);--neutral-05: rgba(123, 145, 141, .05);--neutral-08: rgba(123, 145, 141, .08);--neutral-10: rgba(123, 145, 141, .1);--neutral-15: rgba(123, 145, 141, .15);--neutral-20: rgba(123, 145, 141, .2);--neutral-30: rgba(123, 145, 141, .3);--neutral-40: rgba(123, 145, 141, .4);--neutral-50: rgba(123, 145, 141, .5);--neutral-60: rgba(123, 145, 141, .6);--neutral-70: rgba(123, 145, 141, .7);--neutral-80: rgba(123, 145, 141, .8);--neutral-85: rgba(123, 145, 141, .85);--neutral-87: rgba(123, 145, 141, .875);--neutral-90: rgba(123, 145, 141, .9);--warning-color: rgb(255, 193, 7);--warning-rgb: 255, 193, 7;--warning-10: rgba(255, 193, 7, .1);--warning-20: rgba(255, 193, 7, .2);--warning-30: rgba(255, 193, 7, .3);--warning-50: rgba(255, 193, 7, .5);--warning-60: rgba(255, 193, 7, .6);--danger-color: rgb(220, 53, 69);--danger-rgb: 220, 53, 69;--danger-10: rgba(220, 53, 69, .1);--danger-15: rgba(220, 53, 69, .15);--danger-20: rgba(220, 53, 69, .2);--danger-30: rgba(220, 53, 69, .3);--danger-40: rgba(220, 53, 69, .4);--danger-50: rgba(220, 53, 69, .5);--danger-85: rgba(220, 53, 69, .85);--info-color: rgb(54, 162, 235);--info-rgb: 54, 162, 235;--info-20: rgba(54, 162, 235, .2);--info-25: rgba(54, 162, 235, .25);--info-30: rgba(54, 162, 235, .3);--info-50: rgba(54, 162, 235, .5);--info-60: rgba(54, 162, 235, .6);--info-cyan-color: rgb(0, 212, 255);--info-cyan-rgb: 0, 212, 255;--info-cyan-06: rgba(0, 212, 255, .06);--info-cyan-30: rgba(0, 212, 255, .3);--info-cyan-50: rgba(0, 212, 255, .5);--teal-color: rgb(23, 162, 184);--teal-rgb: 23, 162, 184;--teal-40: rgba(23, 162, 184, .4);--teal-50: rgba(23, 162, 184, .5);--success-color: var(--accent-color);--success-rgb: var(--accent-color-rgb);--success-dark: rgb(85, 117, 47);--success-05: var(--accent-05);--success-10: var(--accent-10);--success-15: var(--accent-15);--success-20: var(--accent-20);--success-25: var(--accent-25);--success-30: var(--accent-30);--success-40: var(--accent-40);--success-50: var(--accent-50);--success-70: var(--accent-70);--success-90: var(--accent-90);--error-color: rgb(255, 0, 0);--error-rgb: 255, 0, 0;--error-30: rgba(255, 0, 0, .3);--info-bright: rgb(52, 152, 219);--info-bright-rgb: 52, 152, 219;--info-bright-10: rgba(52, 152, 219, .1);--info-bright-20: rgba(52, 152, 219, .2);--info-bright-30: rgba(52, 152, 219, .3);--info-bright-50: rgba(52, 152, 219, .5);--warning-alt: rgb(230, 126, 34);--warning-alt-rgb: 230, 126, 34;--warning-alt-10: rgba(230, 126, 34, .1);--warning-alt-20: rgba(230, 126, 34, .2);--warning-alt-30: rgba(230, 126, 34, .3);--warning-alt-50: rgba(230, 126, 34, .5);--admin-gray: rgb(100, 120, 140);--admin-gray-rgb: 100, 120, 140;--admin-gray-10: rgba(100, 120, 140, .1);--admin-gray-20: rgba(100, 120, 140, .2);--admin-gray-30: rgba(100, 120, 140, .3);--admin-gray-50: rgba(100, 120, 140, .5);--oz-navy-deep: rgb(15, 52, 96);--oz-navy-deep-rgb: 15, 52, 96;--oz-navy-deep-30: rgba(15, 52, 96, .3);--oz-navy-deep-50: rgba(15, 52, 96, .5);--oz-navy-deep-90: rgba(15, 52, 96, .9);--oz-navy-deep-98: rgba(15, 52, 96, .98);--oz-blue-dark: rgb(22, 33, 62);--oz-blue-dark-rgb: 22, 33, 62;--oz-blue-dark-30: rgba(22, 33, 62, .3);--oz-blue-dark-40: rgba(22, 33, 62, .4);--oz-blue-dark-50: rgba(22, 33, 62, .5);--oz-blue-dark-92: rgba(22, 33, 62, .92);--oz-blue-dark-98: rgba(22, 33, 62, .98);--oz-slate-dark: rgb(15, 23, 42);--oz-slate-dark-rgb: 15, 23, 42;--oz-slate-dark-95: rgba(15, 23, 42, .95);--oz-slate-dark-98: rgba(15, 23, 42, .98);--oz-green-dark: rgb(85, 117, 47);--oz-green-dark-rgb: 85, 117, 47;--oz-green-dark-15: rgba(85, 117, 47, .15);--oz-green-dark-25: rgba(85, 117, 47, .25);--oz-green-dark-30: rgba(85, 117, 47, .3);--oz-green-dark-40: rgba(85, 117, 47, .4);--oz-green-dark-50: rgba(85, 117, 47, .5);--oz-green-dark-85: rgba(85, 117, 47, .85);--oz-green-dark-95: rgba(85, 117, 47, .95);--oz-forest-deep: rgb(52, 72, 29);--oz-forest-deep-rgb: 52, 72, 29;--oz-forest-deep-90: rgba(52, 72, 29, .9);--oz-forest-deep-98: rgba(52, 72, 29, .98);--oz-forest-dark: rgb(30, 42, 17);--oz-forest-dark-rgb: 30, 42, 17;--oz-forest-dark-30: rgba(30, 42, 17, .3);--oz-forest-dark-50: rgba(30, 42, 17, .5);--oz-forest-dark-92: rgba(30, 42, 17, .92);--oz-forest-dark-98: rgba(30, 42, 17, .98);--oz-gray-neutral: rgb(95, 112, 109);--oz-gray-neutral-rgb: 95, 112, 109;--oz-gray-neutral-15: rgba(95, 112, 109, .15);--oz-gray-neutral-25: rgba(95, 112, 109, .25);--oz-gray-neutral-30: rgba(95, 112, 109, .3);--oz-gray-neutral-40: rgba(95, 112, 109, .4);--oz-gray-neutral-50: rgba(95, 112, 109, .5);--oz-gray-neutral-85: rgba(95, 112, 109, .85);--oz-gray-neutral-95: rgba(95, 112, 109, .95);--oz-gray-dark: rgb(60, 71, 69);--oz-gray-dark-rgb: 60, 71, 69;--oz-gray-dark-90: rgba(60, 71, 69, .9);--oz-gray-dark-98: rgba(60, 71, 69, .98);--oz-gray-charcoal: rgb(35, 42, 41);--oz-gray-charcoal-rgb: 35, 42, 41;--oz-gray-charcoal-30: rgba(35, 42, 41, .3);--oz-gray-charcoal-50: rgba(35, 42, 41, .5);--oz-gray-charcoal-92: rgba(35, 42, 41, .92);--oz-gray-charcoal-98: rgba(35, 42, 41, .98);--trajectory-color: #4ade80;--trajectory-color-light: #86efac;--oz-insights-color: #fbbf24;--oz-insights-color-light: #fcd34d;--rank-1-color: #8BBF4D;--rank-2-color: #7CB453;--rank-3-color: #6EA85A;--rank-4-color: #5F9D60;--rank-5-color: #509267;--rank-6-color: #41866D;--rank-7-color: #337B74;--rank-8-color: #24707A;--rank-9-color: #156481;--rank-10-color: #065987;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-150: #f0f0f0;--gray-200: #e0e0e0;--gray-300: #cccccc;--gray-400: #9ca3af;--gray-500: #757575;--gray-600: #666666;--rank-gold-text: #78350f;--rank-bronze-end: #ea580c;--gray-700: #5e5e5e;--gray-800: #495057;--gray-900: #333333;--bg-light: #f8f9fa;--bg-light-hover: #e9ecef;--bg-light-active: #dee2e6;--bg-info-tint: #e7f3ff;--bg-dark-900: #0d1117;--bg-dark-800: #161b22;--bg-dark-700: #21262d;--bg-dark-600: #2d333b;--bg-dark-blue: rgba(0, 30, 60, .95);--bg-dark-blue-alt: #16213e;--splash-gradient-start: #0d1117;--splash-gradient-mid: #16213e;--splash-gradient-end: #0f3460;--splash-spinner-color: var(--accent-color);--portal-teal: rgb(22, 78, 99);--portal-teal-rgb: 22, 78, 99;--portal-teal-30: rgba(22, 78, 99, .3);--portal-teal-85: rgba(22, 78, 99, .85);--portal-forest: rgb(45, 106, 79);--portal-forest-rgb: 45, 106, 79;--portal-forest-90: rgba(45, 106, 79, .9);--portal-navy: rgb(15, 30, 56);--portal-navy-rgb: 15, 30, 56;--portal-navy-45: rgba(15, 30, 56, .45);--portal-slate-65: rgba(15, 23, 42, .65);--ep-surface-base: rgba(15, 15, 20, .95);--ep-surface-92: rgba(15, 15, 20, .92);--ep-surface-card: rgba(30, 30, 35, .95);--ep-surface-card-90: rgba(30, 30, 35, .9);--ep-surface-card-80: rgba(30, 30, 35, .8);--ep-surface-card-60: rgba(30, 30, 35, .6);--ep-surface-input: rgba(20, 20, 25, .95);--ep-surface-input-98: rgba(20, 20, 25, .98);--ep-user-msg-start: #0a4d7a;--ep-user-msg-end: #065b87;--ep-sidebar-start: rgba(0, 30, 60, .95);--ep-sidebar-end: rgba(0, 50, 90, .95);--ep-overlay-dark: rgba(0, 20, 40, .7);--ep-overlay-split: rgba(0, 50, 80, .65);--accent-light: #a8d573;--accent-dark: #6b9a3b;--accent-hover: #9acf5d;--accent-hover-dark: #7aab3f;--ep-text-main: #e0e0e0;--ep-text-muted: #d0d0d0;--ep-text-subtle: #666;--color-primary: var(--primary-color);--color-accent: var(--accent-color);--color-neutral: var(--neutral-color);--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-dark: #cccccc;--color-success: var(--success-color);--color-success-rgb: var(--success-rgb);--color-success-dark: var(--success-dark);--color-warning: var(--warning-color);--color-warning-rgb: var(--warning-rgb);--color-danger: var(--danger-color);--color-danger-rgb: var(--danger-rgb);--color-danger-dark: #c82333;--color-info: var(--info-color);--primary-light: rgba(10, 127, 181, 1);--danger-btn-shadow: rgba(220, 53, 69, .4);--danger-light: #ff6b6b;--info-light: #5dade2;--comparison-positive: #4caf50;--comparison-negative: #f44336;--chart-cyan: #00d4ff;--chart-cyan-dark: #0099cc;--chart-cyan-15: rgba(0, 212, 255, .15);--chart-green: #00ff88;--tier-top: #22c55e;--tier-high: #84cc16;--tier-mid: #eab308;--tier-low: #f97316;--tier-bottom: #ef4444;--color-status-new: #1976d2;--color-status-new-bg: #e3f2fd;--color-status-reviewed: #7b1fa2;--color-status-reviewed-bg: #f3e5f5;--color-status-saved: #388e3c;--color-status-saved-bg: #e8f5e9;--color-status-dismissed: #757575;--color-status-dismissed-bg: #fafafa;--color-health-good: #388e3c;--color-health-good-bg: #e8f5e9;--color-health-warning: #856404;--color-health-warning-bg: #fff3cd;--color-health-critical: #721c24;--color-health-critical-bg: #f8d7da;--rating-excellent: #22C55E;--rating-excellent-light: #4ade80;--rating-good: #10B981;--rating-good-light: #34d399;--rating-fair: #F59E0B;--rating-fair-light: #fbbf24;--rating-poor: #EF4444;--rating-poor-light: #f87171;--rating-excellent-muted: rgba(139, 191, 77, .85);--rating-excellent-light-muted: rgba(139, 191, 77, .6);--rating-good-muted: rgba(85, 117, 47, .9);--rating-good-light-muted: rgba(85, 117, 47, .65);--rating-fair-muted: rgba(230, 180, 50, .85);--rating-fair-light-muted: rgba(230, 180, 50, .6);--rating-poor-muted: rgba(180, 80, 80, .8);--rating-poor-light-muted: rgba(180, 80, 80, .55);--medal-gold-dark: #b8860b;--medal-gold-glow: rgba(255, 215, 0, .3);--medal-silver-dark: #808080;--medal-silver-glow: rgba(192, 192, 192, .3);--medal-bronze-dark: #8b4513;--medal-bronze-glow: rgba(205, 127, 50, .3);--tier-excellent-color: var(--success-color);--tier-excellent-color-light: var(--success-70);--tier-excellent-bg: var(--success-10);--tier-excellent-bg-light: var(--success-05);--tier-excellent-border: var(--success-40);--tier-excellent-context-bg: var(--success-20);--tier-good-color: var(--info-cyan-color);--tier-good-color-light: var(--info-cyan-50);--tier-good-bg: rgba(0, 212, 255, .15);--tier-good-bg-light: rgba(0, 212, 255, .1);--tier-good-border: var(--info-cyan-50);--tier-good-context-bg: rgba(0, 212, 255, .7);--tier-fair-color: var(--warning-color);--tier-fair-color-light: var(--warning-60);--tier-fair-bg: var(--warning-10);--tier-fair-bg-light: rgba(255, 193, 7, .05);--tier-fair-border: var(--warning-40);--tier-fair-context-bg: var(--warning-20);--tier-poor-color: var(--danger-color);--tier-poor-color-light: var(--danger-50);--tier-poor-bg: var(--danger-15);--tier-poor-bg-light: var(--danger-10);--tier-poor-border: var(--danger-50);--tier-poor-context-bg: rgba(220, 53, 69, .7);--tier-none-color: var(--white-50);--tier-none-bg: var(--white-05);--tier-none-border: var(--white-15);--tier-none-context-bg: var(--white-10);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--border-radius: 6px;--border-radius-lg: 8px;--font-family: Arial, sans-serif;--font-family-base: Arial, sans-serif;--font-family-mono: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--font-size-xs: 9px;--font-size-sm: 10px;--font-size-base: 11px;--font-size-md: 12px;--font-size-lg: 13px;--font-size-xl: 14px;--font-size-2xl: 16px;--font-size-3xl: 18px;--font-size-4xl: 20px;--font-size-5xl: 22px;--font-size-6xl: 24px;--font-size-7xl: 28px;--font-size-8xl: 32px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.4;--line-height-loose: 1.5;--letter-spacing-tight: .3px;--letter-spacing-normal: .5px;--letter-spacing-wide: .8px;--letter-spacing-wider: 1px;--letter-spacing-widest: 1.5px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .4s cubic-bezier(.25, .46, .45, .94);--z-base: 1;--z-dropdown: 500;--z-sticky: 1000;--z-fixed: 1001;--z-modal: 9999;--z-tooltip: 10000;--opacity-disabled: .5;--opacity-hover: .8;--opacity-focus: .9;--breakpoint-xs: 400px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--surface-panel: rgba(15, 20, 25, .95);--surface-elevated: rgba(20, 25, 30, .98);--surface-overlay: rgba(123, 145, 141, .6);--surface-card: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .12);--surface-data-section: rgb(70, 90, 85);--border-accent: rgba(139, 191, 77, .4);--border-accent-strong: rgba(139, 191, 77, .6);--border-subtle: rgba(255, 255, 255, .15);--border-primary: rgba(6, 89, 135, .5);--border-divider: rgba(255, 255, 255, .1);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-accent: rgba(139, 191, 77, 1);--text-on-accent: rgba(6, 89, 135, 1);--text-dark: #333333;--text-dark-muted: #666666;--text-light: #dde4eb;--interactive-hover: rgba(139, 191, 77, .2);--interactive-active: rgba(139, 191, 77, .9);--interactive-focus: rgba(139, 191, 77, .4);--interactive-disabled: rgba(255, 255, 255, .05);--button-primary-bg: rgba(139, 191, 77, .9);--button-primary-hover: rgba(139, 191, 77, 1);--button-secondary-bg: rgba(255, 255, 255, .1);--button-secondary-hover: rgba(255, 255, 255, .2);--chart-tier-top: rgba(139, 191, 77, 1);--chart-tier-high: rgba(139, 191, 77, .7);--chart-tier-mid: rgba(41, 128, 185, .6);--chart-tier-low: rgba(123, 145, 141, .5);--chart-tier-bottom: rgba(123, 145, 141, .3);--chart-bg-top: rgba(139, 191, 77, .15);--chart-bg-high: rgba(139, 191, 77, .1);--chart-bg-mid: rgba(41, 128, 185, .08);--chart-bg-low: rgba(123, 145, 141, .08);--chart-bg-bottom: rgba(123, 145, 141, .05);--panel-height-desktop: 500px;--panel-height-laptop: 440px;--panel-height-tablet: 380px;--panel-height-mobile: 320px;--panel-header-height: 48px;--panel-subheader-height: 40px;--popup-max-height: 60vh;--popup-max-height-tract: 70vh;--popup-max-height-portrait: 55svh;--popup-max-height-tract-portrait: 65svh;--popup-max-height-laptop: 55vh;--popup-max-height-laptop-tract: 65vh;--popup-max-height-laptop-portrait: 55svh;--popup-max-height-laptop-tract-portrait: 65svh;--popup-max-height-tablet: 58vh;--popup-max-height-tablet-tract: 68vh;--popup-max-height-tablet-portrait: 52svh;--popup-max-height-tablet-tract-portrait: 62svh;--shadow-panel: 0 -8px 32px rgba(0, 0, 0, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 16px rgba(139, 191, 77, .3);--shadow-focus: 0 0 0 3px rgba(139, 191, 77, .3);--blur-xs: blur(2px);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px);--blur-2xl: blur(20px);--blur-panel: var(--blur-lg);--blur-modal: var(--blur-md);--blur-light: var(--blur-sm);--blur-medium: var(--blur-md);--blur-strong: var(--blur-lg);--avatar-size: 44px;--avatar-size-mobile: 52px;--avatar-size-sm: 36px;--avatar-size-md: 40px;--avatar-bg: linear-gradient(135deg, var(--accent-color), var(--primary-color));--avatar-border: var(--accent-color);--avatar-border-hover: var(--primary-color);--avatar-text: var(--white-100);--avatar-shadow: 0 2px 8px var(--black-30);--avatar-shadow-hover: 0 4px 12px var(--black-40);--avatar-font-size: var(--font-size-2xl);--avatar-font-size-sm: var(--font-size-lg);--avatar-font-size-md: var(--font-size-xl);--avatar-font-size-mobile: 20px;--avatar-position-top: var(--spacing-xl);--avatar-position-right: var(--spacing-xl);--avatar-position-top-mobile: var(--spacing-lg);--avatar-position-right-mobile: var(--spacing-lg);--avatar-transition: all var(--transition-base);--tier-bg-top-10: #f0f8e8;--tier-bg-top-10-hover: #e6f4d8;--tier-bg-top-25: #f5f9e8;--tier-bg-top-25-hover: #eff5d8;--tier-bg-middle-hover: var(--bg-light);--tier-bg-bottom-25: #fff9f0;--tier-bg-bottom-25-hover: #fff0e8;--tier-bg-bottom-10: #ffe8e8;--tier-bg-bottom-10-hover: #ffd8d8;--badge-top-10: #2e7d32;--badge-top-25: #558b2f;--badge-middle: #fbc02d;--badge-bottom-25: #f57c00;--badge-bottom-10: #c62828;--medal-gold: #ffd700;--medal-silver: #c0c0c0;--medal-bronze: #cd7f32;--score-high: #22c55e;--score-medium: #eab308;--score-low: #f97316;--score-very-low: #ef4444;--table-header-font-size: var(--font-size-lg, 16px);--table-header-font-weight: 600;--table-header-letter-spacing: 1px;--table-header-padding: var(--spacing-xl, 20px) var(--spacing-lg, 16px);--table-header-bg: var(--primary-70);--table-header-color: var(--white-90);--table-header-border: 1px solid var(--accent-40);--table-row-padding: var(--spacing-2xl, 24px) var(--spacing-lg, 16px);--table-row-odd-bg: var(--black-15);--table-row-even-bg: var(--black-25);--table-row-hover-bg: var(--accent-15);--table-row-selected-bg: var(--accent-20);--table-cell-border: 1px solid var(--white-05);--table-data-font-size: var(--font-size-2xl, 22px);--table-data-font-size-compact: var(--font-size-xl, 18px);--rank-badge-size: 44px;--rank-badge-font-size: var(--font-size-2xl, 22px);--rank-badge-font-weight: 700;--rank-badge-border-radius: 22px;--rank-badge-default-bg: var(--white-25);--rank-badge-default-color: var(--white-90);--tract-id-font-family: var(--font-family-mono, "SF Mono", "Monaco", "Consolas", monospace);--tract-id-font-size: var(--font-size-2xl, 22px);--tract-id-font-weight: 600;--tract-id-color: white;--score-pill-padding: 8px 14px;--score-pill-border-radius: 6px;--score-pill-font-size: var(--font-size-xl, 20px);--score-pill-font-weight: 700;--score-pill-min-width: 56px;--score-pill-height: 44px;--score-pill-excellent-bg: var(--success-color);--score-pill-excellent-color: white;--score-pill-good-bg: var(--info-cyan-color);--score-pill-good-color: white;--score-pill-fair-bg: var(--warning-color);--score-pill-fair-color: var(--black-90);--score-pill-poor-bg: var(--white-30);--score-pill-poor-color: white;--score-pill-none-bg: transparent;--score-pill-none-color: var(--white-40)}*{margin:0;padding:0;box-sizing:border-box}body.login-page{font-family:var(--font-family);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}body.login-page:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--portal-teal-85) 60%,var(--portal-forest-90) 100%),url(./City_q75-BcIugig3.webp);background-size:cover,cover;background-position:center,center;z-index:-2}body.login-page:after{content:"";position:fixed;inset:0;background:linear-gradient(135deg,var(--portal-slate-65) 0%,var(--portal-navy-45) 35%,var(--portal-teal-30) 100%);z-index:-1}.login-container{background:var(--black-80);border:2px solid var(--accent-color);border-radius:var(--spacing-lg);padding:var(--spacing-3xl) calc(var(--spacing-3xl) + 8px);max-width:450px;width:90%;box-shadow:0 20px 60px var(--black-50);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);animation:login-slide-in .6s var(--transition-slow)}@keyframes login-slide-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:var(--spacing-3xl)}.login-logo{width:200px;height:auto;margin-bottom:var(--spacing-xl)}.login-header h1{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-6xl);font-weight:700;color:var(--white-100);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);text-shadow:0 2px 4px var(--black-30)}.login-header p{margin:0;font-size:var(--font-size-2xl);color:var(--white-95);line-height:var(--line-height-relaxed);text-shadow:0 1px 2px var(--black-30)}.microsoft-login-section{margin-bottom:var(--spacing-3xl)}.microsoft-login-btn{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);background:#fff;border:2px solid #8c8c8c;border-radius:var(--radius-lg);color:#5e5e5e;font-size:var(--font-size-2xl);font-weight:600;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);position:relative;overflow:hidden}.microsoft-login-btn:hover:not(:disabled){background:#f3f2f1;border-color:#323130;transform:translateY(-1px);box-shadow:0 4px 12px var(--black-15)}.microsoft-login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--black-10)}.microsoft-login-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.microsoft-login-btn.loading{pointer-events:none}.login-btn__text{display:block}.login-btn__spinner{display:none;align-items:center;justify-content:center}.microsoft-login-btn.loading .login-btn__text{display:none}.microsoft-login-btn.loading .login-btn__spinner{display:flex}.login-spinner{width:20px;height:20px;border:2px solid var(--gray-30);border-top:2px solid var(--gray-700);border-radius:50%;animation:login-spin 1s linear infinite}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-error{display:none;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--danger-20);border:1px solid var(--danger-color);border-radius:var(--radius-md);color:var(--danger-light);font-size:var(--font-size-xl);opacity:0;transform:translateY(-10px);transition:var(--transition-base)}.login-error.show{display:flex;opacity:1;transform:translateY(0)}.login-error__icon{font-size:var(--font-size-2xl);color:var(--danger-color);flex-shrink:0}.login-error__message{flex:1;line-height:var(--line-height-relaxed)}.login-loading-overlay{position:fixed;inset:0;background:var(--black-80);display:none;align-items:center;justify-content:center;z-index:var(--z-tooltip)}.login-loading-overlay.show{display:flex}.login-loading-overlay__content{text-align:center;color:var(--text-primary)}.login-loading-overlay__spinner{width:40px;height:40px;border:4px solid var(--white-30);border-top:4px solid var(--accent-color);border-radius:50%;animation:login-spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.login-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-lg) var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--white-40);letter-spacing:.5px;background:linear-gradient(to top,var(--black-30),transparent);pointer-events:none}.login-footer a{color:var(--white-50);text-decoration:none;pointer-events:auto;transition:color .2s ease}.login-footer a:hover{color:var(--accent-color)}@media(max-width:768px){.login-container{padding:var(--spacing-3xl) var(--spacing-2xl);max-width:380px}.login-logo{width:160px}.login-header h1{font-size:var(--font-size-6xl)}.login-header p{font-size:var(--font-size-xl)}}@media(max-width:480px){.login-container{padding:var(--spacing-2xl) var(--spacing-xl);width:95%;max-width:none}.login-logo{width:140px}.login-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.login-header p{font-size:var(--font-size-lg)}}