@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--color-primary-950: #1E1B4B;--color-secondary-50: #ECFEFF;--color-secondary-100: #CFFAFE;--color-secondary-200: #A5F3FC;--color-secondary-300: #67E8F9;--color-secondary-400: #22D3EE;--color-secondary-500: #06B6D4;--color-secondary-600: #0891B2;--color-secondary-700: #0E7490;--color-secondary-800: #155E75;--color-secondary-900: #164E63;--color-secondary-950: #083344;--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-200: #A7F3D0;--color-success-300: #6EE7B7;--color-success-400: #34D399;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065F46;--color-success-900: #064E3B;--color-success-950: #022C22;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-warning-950: #451A03;--color-danger-50: #FFF1F2;--color-danger-100: #FFE4E6;--color-danger-200: #FECDD3;--color-danger-300: #FDA4AF;--color-danger-400: #FB7185;--color-danger-500: #F43F5E;--color-danger-600: #E11D48;--color-danger-700: #BE123C;--color-danger-800: #9F1239;--color-danger-900: #881337;--color-danger-950: #4C0519;--color-neutral-0: #FFFFFF;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-neutral-950: #020617;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-inverse: #0F172A;--bg-elevated: #FFFFFF;--bg-sunken: #F1F5F9;--bg-overlay: rgba(15, 23, 42, .5);--bg-surface: #FFFFFF;--bg-surface-hover: #F8FAFC;--bg-surface-active: #F1F5F9;--bg-accent: #EEF2FF;--bg-accent-hover: #E0E7FF;--bg-card: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-input: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #64748B;--text-disabled: #94A3B8;--text-inverse: #F8FAFC;--text-link: #6366F1;--text-link-hover: #4F46E5;--text-on-primary: #FFFFFF;--text-on-secondary: #FFFFFF;--text-on-success: #FFFFFF;--text-on-warning: #451A03;--text-on-danger: #FFFFFF;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--border-focus: #6366F1;--border-error: #F43F5E;--border-success: #10B981;--border-transparent: transparent;--interactive-primary: #6366F1;--interactive-primary-hover: #4F46E5;--interactive-primary-active: #4338CA;--interactive-secondary: #06B6D4;--interactive-secondary-hover: #0891B2;--interactive-secondary-active: #0E7490;--interactive-muted: #F1F5F9;--interactive-muted-hover: #E2E8F0;--color-primary: #6366F1;--color-primary-light: rgba(99, 102, 241, .1);--color-primary-dark: #4338CA;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .06);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .2);--shadow-inner: inset 0 2px 4px rgba(15, 23, 42, .05);--shadow-focus: 0 0 0 3px rgba(99, 102, 241, .3);--shadow-focus-danger: 0 0 0 3px rgba(244, 63, 94, .3);--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-card-hover: 0 10px 30px -5px rgba(15, 23, 42, .1), 0 4px 10px -4px rgba(15, 23, 42, .04);--shadow-dropdown: 0 10px 40px -5px rgba(15, 23, 42, .12), 0 4px 12px -2px rgba(15, 23, 42, .06);--gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A78BFA 100%);--gradient-secondary: linear-gradient(135deg, #06B6D4 0%, #22D3EE 100%);--gradient-accent: linear-gradient(135deg, #6366F1 0%, #06B6D4 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-danger: linear-gradient(135deg, #F43F5E 0%, #FB7185 100%);--gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--gradient-hero: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 30%, #ECFEFF 70%, #F0F9FF 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .6) 50%, transparent 100%);--gradient-text: linear-gradient(135deg, #6366F1 0%, #06B6D4 100%);--gradient-border: linear-gradient(135deg, #6366F1, #06B6D4);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(12px);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-DEFAULT: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--radius-card: .75rem;--radius-button: .5rem;--radius-input: .5rem;--radius-badge: 9999px;--radius-modal: 1rem;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-moderate: .3s;--duration-slow: .4s;--duration-slower: .5s;--duration-slowest: .7s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--transition-moderate: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-shadow: box-shadow .2s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .2s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .2s cubic-bezier(.4, 0, .2, 1);--z-deep: -1;--z-base: 0;--z-raised: 1;--z-dropdown: 10;--z-sticky: 20;--z-header: 30;--z-sidebar: 40;--z-overlay: 50;--z-modal: 60;--z-popover: 70;--z-toast: 80;--z-tooltip: 90;--z-max: 9999;--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-max: 1440px;--sidebar-width: 260px;--sidebar-width-collapsed: 72px;--header-height: 64px;--footer-height: 48px;--scrollbar-width: 8px;--scrollbar-track: var(--bg-tertiary);--scrollbar-thumb: var(--color-neutral-300);--scrollbar-thumb-hover: var(--color-neutral-400);--score-excellent: #10B981;--score-good: #22D3EE;--score-average: #F59E0B;--score-poor: #FB7185;--score-critical: #F43F5E;--chart-1: #6366F1;--chart-2: #06B6D4;--chart-3: #10B981;--chart-4: #F59E0B;--chart-5: #F43F5E;--chart-6: #8B5CF6;--chart-7: #EC4899;--chart-8: #14B8A6}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #283548;--bg-inverse: #F8FAFC;--bg-elevated: #1E293B;--bg-sunken: #0B1120;--bg-overlay: rgba(0, 0, 0, .6);--bg-surface: #1A2538;--bg-surface-hover: #243044;--bg-surface-active: #2D3B50;--bg-accent: rgba(99, 102, 241, .12);--bg-accent-hover: rgba(99, 102, 241, .2);--bg-card: #1E293B;--bg-hover: rgba(255, 255, 255, .04);--bg-input: #1A2538;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-disabled: #475569;--text-inverse: #0F172A;--text-link: #818CF8;--text-link-hover: #A5B4FC;--text-on-primary: #FFFFFF;--text-on-secondary: #FFFFFF;--text-on-success: #FFFFFF;--text-on-warning: #451A03;--text-on-danger: #FFFFFF;--border-primary: #2D3B50;--border-secondary: #384860;--border-focus: #818CF8;--border-error: #FB7185;--border-success: #34D399;--border-transparent: transparent;--interactive-primary: #818CF8;--interactive-primary-hover: #6366F1;--interactive-primary-active: #4F46E5;--interactive-secondary: #22D3EE;--interactive-secondary-hover: #06B6D4;--interactive-secondary-active: #0891B2;--interactive-muted: #1E293B;--interactive-muted-hover: #283548;--color-primary: #818CF8;--color-primary-light: rgba(129, 140, 248, .15);--color-primary-dark: #6366F1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(129, 140, 248, .4);--shadow-focus-danger: 0 0 0 3px rgba(251, 113, 133, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .35), 0 0 1px rgba(99, 102, 241, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .5), 0 0 1px rgba(0, 0, 0, .3);--shadow-glow-primary: 0 0 20px rgba(99, 102, 241, .15), 0 0 40px rgba(99, 102, 241, .05);--shadow-glow-secondary: 0 0 20px rgba(6, 182, 212, .15), 0 0 40px rgba(6, 182, 212, .05);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .15), 0 0 40px rgba(16, 185, 129, .05);--shadow-glow-danger: 0 0 20px rgba(244, 63, 94, .15), 0 0 40px rgba(244, 63, 94, .05);--shadow-glow-interactive: 0 0 15px rgba(129, 140, 248, .2);--gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A78BFA 100%);--gradient-secondary: linear-gradient(135deg, #06B6D4 0%, #22D3EE 100%);--gradient-accent: linear-gradient(135deg, #818CF8 0%, #22D3EE 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-danger: linear-gradient(135deg, #F43F5E 0%, #FB7185 100%);--gradient-surface: linear-gradient(180deg, #1E293B 0%, #162032 100%);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1A1F4E 30%, #0F2D3D 70%, #0F172A 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .04) 50%, transparent 100%);--gradient-text: linear-gradient(135deg, #818CF8 0%, #22D3EE 100%);--gradient-border: linear-gradient(135deg, #818CF8, #22D3EE);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, 0) 100%);--gradient-dark-bg: linear-gradient(135deg, #0F172A 0%, #131B2E 25%, #111827 50%, #0F172A 100%);--gradient-dark-radial: radial-gradient(ellipse at top, #1A2744 0%, #0F172A 70%);--gradient-dark-glow: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(99, 102, 241, .06) 0%, transparent 70%);--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(99, 102, 241, .1);--glass-blur: blur(16px);--scrollbar-track: #1E293B;--scrollbar-thumb: #384860;--scrollbar-thumb-hover: #475569;--score-excellent: #34D399;--score-good: #22D3EE;--score-average: #FBBF24;--score-poor: #FB7185;--score-critical: #F43F5E;--chart-1: #818CF8;--chart-2: #22D3EE;--chart-3: #34D399;--chart-4: #FBBF24;--chart-5: #FB7185;--chart-6: #A78BFA;--chart-7: #F472B6;--chart-8: #2DD4BF}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #283548;--bg-inverse: #F8FAFC;--bg-elevated: #1E293B;--bg-sunken: #0B1120;--bg-overlay: rgba(0, 0, 0, .6);--bg-surface: #1A2538;--bg-surface-hover: #243044;--bg-surface-active: #2D3B50;--bg-accent: rgba(99, 102, 241, .12);--bg-accent-hover: rgba(99, 102, 241, .2);--bg-card: #1E293B;--bg-hover: rgba(255, 255, 255, .04);--bg-input: #1A2538;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-disabled: #475569;--text-inverse: #0F172A;--text-link: #818CF8;--text-link-hover: #A5B4FC;--border-primary: #2D3B50;--border-secondary: #384860;--border-focus: #818CF8;--interactive-primary: #818CF8;--interactive-primary-hover: #6366F1;--interactive-primary-active: #4F46E5;--interactive-secondary: #22D3EE;--interactive-secondary-hover: #06B6D4;--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(99, 102, 241, .1);--scrollbar-track: #1E293B;--scrollbar-thumb: #384860;--scrollbar-thumb-hover: #475569;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .35), 0 0 1px rgba(99, 102, 241, .15);--shadow-focus: 0 0 0 3px rgba(129, 140, 248, .4);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1A1F4E 30%, #0F2D3D 70%, #0F172A 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .04) 50%, transparent 100%)}}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;tab-size:4;line-height:1.5;font-size:16px}body{margin:0;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;overflow-wrap:break-word}p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none}a{color:inherit;text-decoration:inherit}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img,video{max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;outline:inherit}textarea{resize:vertical}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}::placeholder{opacity:1}:disabled{cursor:not-allowed}fieldset{border:none;padding:0;margin:0;min-width:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0;width:100%;text-indent:0}summary{display:list-item;cursor:pointer}details{display:block}dialog{padding:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--border-focus, #6366F1);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;z-index:10000;background:var(--interactive-primary, #6366F1);color:#fff;font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0}*{-webkit-tap-highlight-color:transparent}hr{border:none;border-top:1px solid var(--border-primary, #E2E8F0);height:0;color:inherit}pre,code,kbd,samp{font-family:var(--font-mono, monospace);font-size:1em}abbr[title]{text-decoration:underline dotted}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:700}input,textarea,select{font:inherit}[hidden]{display:none!important}:root,[data-theme=light]{color-scheme:light}[data-theme=light] .card,:root:not([data-theme=dark]) .card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}[data-theme=light] .card:hover,:root:not([data-theme=dark]) .card:hover{box-shadow:var(--shadow-card-hover)}[data-theme=light] .card-interactive,:root:not([data-theme=dark]) .card-interactive{cursor:pointer}[data-theme=light] .card-interactive:hover,:root:not([data-theme=dark]) .card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-200)}[data-theme=light] .card-interactive:active,:root:not([data-theme=dark]) .card-interactive:active{transform:translateY(0)}[data-theme=light] .card-elevated,:root:not([data-theme=dark]) .card-elevated{box-shadow:var(--shadow-md);border-color:transparent}[data-theme=light] .card-elevated:hover,:root:not([data-theme=dark]) .card-elevated:hover{box-shadow:var(--shadow-lg)}[data-theme=light] .card-flat,:root:not([data-theme=dark]) .card-flat{box-shadow:none;border:1px solid var(--border-primary)}[data-theme=light] .card-flat:hover,:root:not([data-theme=dark]) .card-flat:hover{border-color:var(--border-secondary);background:var(--bg-surface-hover)}[data-theme=light] .card-accent,:root:not([data-theme=dark]) .card-accent{border-left:3px solid var(--interactive-primary)}[data-theme=light] .btn-primary,:root:not([data-theme=dark]) .btn-primary{background:var(--interactive-primary);color:var(--text-on-primary);border:none;box-shadow:0 1px 2px #6366f133}[data-theme=light] .btn-primary:hover,:root:not([data-theme=dark]) .btn-primary:hover{background:var(--interactive-primary-hover);box-shadow:0 4px 12px #6366f140}[data-theme=light] .btn-primary:active,:root:not([data-theme=dark]) .btn-primary:active{background:var(--interactive-primary-active);box-shadow:0 1px 2px #6366f133}[data-theme=light] .btn-secondary,:root:not([data-theme=dark]) .btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-primary)}[data-theme=light] .btn-secondary:hover,:root:not([data-theme=dark]) .btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-secondary)}[data-theme=light] .btn-ghost,:root:not([data-theme=dark]) .btn-ghost{background:transparent;color:var(--text-secondary);border:none}[data-theme=light] .btn-ghost:hover,:root:not([data-theme=dark]) .btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=light] .input,:root:not([data-theme=dark]) .input{background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}[data-theme=light] .input:hover,:root:not([data-theme=dark]) .input:hover{border-color:var(--border-secondary)}[data-theme=light] .input:focus,:root:not([data-theme=dark]) .input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}[data-theme=light] .input-error,:root:not([data-theme=dark]) .input-error{border-color:var(--border-error)}[data-theme=light] .input-error:focus,:root:not([data-theme=dark]) .input-error:focus{box-shadow:var(--shadow-focus-danger)}[data-theme=light] .input::placeholder,:root:not([data-theme=dark]) .input::placeholder{color:var(--text-disabled)}[data-theme=light] .table,:root:not([data-theme=dark]) .table{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}[data-theme=light] .table th,:root:not([data-theme=dark]) .table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:1px solid var(--border-primary)}[data-theme=light] .table td,:root:not([data-theme=dark]) .table td{border-bottom:1px solid var(--border-primary)}[data-theme=light] .table tr:last-child td,:root:not([data-theme=dark]) .table tr:last-child td{border-bottom:none}[data-theme=light] .table-striped tr:nth-child(2n),:root:not([data-theme=dark]) .table-striped tr:nth-child(2n){background:var(--bg-secondary)}[data-theme=light] .table-hover tr:hover,:root:not([data-theme=dark]) .table-hover tr:hover{background:var(--bg-tertiary)}[data-theme=light] .badge,:root:not([data-theme=dark]) .badge{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-badge);padding:var(--space-0-5) var(--space-2)}[data-theme=light] .badge-primary,:root:not([data-theme=dark]) .badge-primary{background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}[data-theme=light] .badge-success,:root:not([data-theme=dark]) .badge-success{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}[data-theme=light] .badge-warning,:root:not([data-theme=dark]) .badge-warning{background:var(--color-warning-50);color:var(--color-warning-700);border:1px solid var(--color-warning-200)}[data-theme=light] .badge-danger,:root:not([data-theme=dark]) .badge-danger{background:var(--color-danger-50);color:var(--color-danger-700);border:1px solid var(--color-danger-200)}[data-theme=light] .badge-info,:root:not([data-theme=dark]) .badge-info{background:var(--color-secondary-50);color:var(--color-secondary-700);border:1px solid var(--color-secondary-200)}[data-theme=light] .badge-neutral,:root:not([data-theme=dark]) .badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200)}[data-theme=light] .nav-item,:root:not([data-theme=dark]) .nav-item{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}[data-theme=light] .nav-item:hover,:root:not([data-theme=dark]) .nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}[data-theme=light] .nav-item-active,:root:not([data-theme=dark]) .nav-item-active{color:var(--interactive-primary);background:var(--bg-accent);font-weight:var(--font-medium)}[data-theme=light] .dropdown,:root:not([data-theme=dark]) .dropdown{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown)}[data-theme=light] .dropdown-item,:root:not([data-theme=dark]) .dropdown-item{color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-out)}[data-theme=light] .dropdown-item:hover,:root:not([data-theme=dark]) .dropdown-item:hover{background:var(--bg-tertiary)}[data-theme=light] .dropdown-divider,:root:not([data-theme=dark]) .dropdown-divider{border-color:var(--border-primary)}[data-theme=light] .modal,:root:not([data-theme=dark]) .modal{background:var(--bg-surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-2xl)}[data-theme=light] .modal-header,:root:not([data-theme=dark]) .modal-header{border-bottom:1px solid var(--border-primary)}[data-theme=light] .modal-footer,:root:not([data-theme=dark]) .modal-footer{border-top:1px solid var(--border-primary);background:var(--bg-secondary)}[data-theme=light] .alert,:root:not([data-theme=dark]) .alert{border-radius:var(--radius-lg);padding:var(--space-4)}[data-theme=light] .alert-info,:root:not([data-theme=dark]) .alert-info{background:var(--color-secondary-50);border:1px solid var(--color-secondary-200);color:var(--color-secondary-800)}[data-theme=light] .alert-success,:root:not([data-theme=dark]) .alert-success{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-800)}[data-theme=light] .alert-warning,:root:not([data-theme=dark]) .alert-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-800)}[data-theme=light] .alert-danger,:root:not([data-theme=dark]) .alert-danger{background:var(--color-danger-50);border:1px solid var(--color-danger-200);color:var(--color-danger-800)}[data-theme=light] .progress-bar,:root:not([data-theme=dark]) .progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}[data-theme=light] .progress-bar-fill,:root:not([data-theme=dark]) .progress-bar-fill{border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}[data-theme=light] .score-ring,:root:not([data-theme=dark]) .score-ring{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=light] .sidebar,:root:not([data-theme=dark]) .sidebar{background:var(--bg-surface);border-right:1px solid var(--border-primary)}[data-theme=light] .header,:root:not([data-theme=dark]) .header{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary)}[data-theme=light] .toast,:root:not([data-theme=dark]) .toast{background:var(--bg-surface);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}[data-theme=light] .tab,:root:not([data-theme=dark]) .tab{color:var(--text-secondary);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}[data-theme=light] .tab:hover,:root:not([data-theme=dark]) .tab:hover{color:var(--text-primary)}[data-theme=light] .tab-active,:root:not([data-theme=dark]) .tab-active{color:var(--interactive-primary);border-bottom-color:var(--interactive-primary);font-weight:var(--font-medium)}[data-theme=light] .tooltip-content,:root:not([data-theme=dark]) .tooltip-content{background:var(--color-neutral-800);color:var(--color-neutral-0);font-size:var(--text-xs);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}[data-theme=light] .chart-container,:root:not([data-theme=dark]) .chart-container{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}[data-theme=light] .chart-grid-line,:root:not([data-theme=dark]) .chart-grid-line{stroke:var(--color-neutral-200)}[data-theme=light] .chart-axis-label,:root:not([data-theme=dark]) .chart-axis-label{fill:var(--color-neutral-500)}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.04) 0%,transparent 50%);background-attachment:fixed}[data-theme=dark] .main-content{position:relative}[data-theme=dark] .main-content:before{content:"";position:fixed;inset:0;background:radial-gradient(800px circle at 50% 0%,rgba(99,102,241,.03) 0%,transparent 60%),radial-gradient(600px circle at 100% 50%,rgba(6,182,212,.03) 0%,transparent 60%);pointer-events:none;z-index:-1}[data-theme=dark] .card{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),inset 0 1px #ffffff08;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}[data-theme=dark] .card:hover{box-shadow:var(--shadow-card-hover),inset 0 1px #ffffff0d;border-color:#6366f126}[data-theme=dark] .card-interactive{cursor:pointer}[data-theme=dark] .card-interactive:hover{transform:translateY(-2px);background:#1e293ba6;box-shadow:0 8px 30px #00000059,0 0 1px #6366f126,0 0 30px #6366f10d,inset 0 1px #ffffff0d;border-color:#6366f133}[data-theme=dark] .card-interactive:active{transform:translateY(0)}[data-theme=dark] .card-elevated{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#6366f11a;box-shadow:var(--shadow-md),0 0 20px #6366f10a,inset 0 1px #ffffff0a}[data-theme=dark] .card-elevated:hover{box-shadow:var(--shadow-lg),0 0 30px #6366f114,inset 0 1px #ffffff0f}[data-theme=dark] .card-flat{background:#1e293b4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-primary);box-shadow:none}[data-theme=dark] .card-flat:hover{background:#1e293b73;border-color:var(--border-secondary)}[data-theme=dark] .card-accent{border-left:3px solid var(--interactive-primary);box-shadow:var(--shadow-card),-4px 0 15px #6366f10d}[data-theme=dark] .card-glass{background:#1e293b4d;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 30px #0003,inset 0 1px #ffffff0d,inset 0 -1px #0000001a}[data-theme=dark] .card-glass:hover{background:#1e293b66;border-color:#ffffff1a;box-shadow:0 8px 40px #00000040,inset 0 1px #ffffff12,inset 0 -1px #0000001a}[data-theme=dark] .card-gradient-border{position:relative;background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:var(--radius-lg)}[data-theme=dark] .card-gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#818cf84d,#22d3ee1a,#818cf80d,#22d3ee4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[data-theme=dark] .btn-primary{background:var(--interactive-primary);color:var(--text-on-primary);border:none;box-shadow:0 2px 8px #6366f140,inset 0 1px #ffffff1a;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}[data-theme=dark] .btn-primary:hover{background:var(--interactive-primary-hover);box-shadow:0 4px 16px #6366f159,0 0 20px #6366f126,inset 0 1px #ffffff1f;transform:translateY(-1px)}[data-theme=dark] .btn-primary:active{background:var(--interactive-primary-active);box-shadow:0 1px 4px #6366f133,inset 0 1px #ffffff14;transform:translateY(0)}[data-theme=dark] .btn-secondary{background:#1e293b99;color:var(--text-primary);border:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff08}[data-theme=dark] .btn-secondary:hover{background:#1e293bcc;border-color:var(--border-secondary);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}[data-theme=dark] .btn-ghost{background:transparent;color:var(--text-secondary);border:none}[data-theme=dark] .btn-ghost:hover{background:#6366f114;color:var(--text-primary)}[data-theme=dark] .btn-gradient{background:var(--gradient-accent);color:#fff;border:none;box-shadow:0 2px 12px #6366f14d,inset 0 1px #ffffff26}[data-theme=dark] .btn-gradient:hover{box-shadow:0 4px 20px #6366f166,0 0 30px #6366f11a,inset 0 1px #fff3;transform:translateY(-1px)}[data-theme=dark] .btn-icon:hover{background:#6366f11a;box-shadow:0 0 15px #6366f11a}[data-theme=dark] .input{background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:inset 0 1px 3px #0003;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}[data-theme=dark] .input:hover{border-color:var(--border-secondary)}[data-theme=dark] .input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus),0 0 15px #818cf814,inset 0 1px 3px #0003;outline:none}[data-theme=dark] .input-error{border-color:var(--border-error)}[data-theme=dark] .input-error:focus{box-shadow:var(--shadow-focus-danger),0 0 15px #fb718514}[data-theme=dark] .input::placeholder{color:var(--text-disabled)}[data-theme=dark] .search-input:focus{border-color:var(--color-secondary-500);box-shadow:0 0 0 3px #06b6d433,0 0 20px #06b6d414}[data-theme=dark] .table{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background:#1e293b4d}[data-theme=dark] .table th{background:#0f172a80;color:var(--text-tertiary);font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:1px solid var(--border-primary)}[data-theme=dark] .table td{border-bottom:1px solid rgba(45,59,80,.5)}[data-theme=dark] .table tr:last-child td{border-bottom:none}[data-theme=dark] .table-striped tr:nth-child(2n){background:#0f172a4d}[data-theme=dark] .table-hover tr:hover{background:#6366f10d}[data-theme=dark] .badge{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-badge);padding:var(--space-0-5) var(--space-2)}[data-theme=dark] .badge-primary{background:#6366f126;color:var(--color-primary-300);border:1px solid rgba(99,102,241,.2);box-shadow:0 0 10px #6366f10d}[data-theme=dark] .badge-success{background:#10b98126;color:var(--color-success-300);border:1px solid rgba(16,185,129,.2);box-shadow:0 0 10px #10b9810d}[data-theme=dark] .badge-warning{background:#f59e0b26;color:var(--color-warning-300);border:1px solid rgba(245,158,11,.2);box-shadow:0 0 10px #f59e0b0d}[data-theme=dark] .badge-danger{background:#f43f5e26;color:var(--color-danger-300);border:1px solid rgba(244,63,94,.2);box-shadow:0 0 10px #f43f5e0d}[data-theme=dark] .badge-info{background:#06b6d426;color:var(--color-secondary-300);border:1px solid rgba(6,182,212,.2);box-shadow:0 0 10px #06b6d40d}[data-theme=dark] .badge-neutral{background:#64748b26;color:var(--color-neutral-300);border:1px solid rgba(100,116,139,.2)}[data-theme=dark] .nav-item{color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}[data-theme=dark] .nav-item:hover{color:var(--text-primary);background:#6366f10f}[data-theme=dark] .nav-item-active{color:var(--color-primary-300);background:#6366f11a;font-weight:var(--font-medium);box-shadow:inset 3px 0 0 var(--color-primary-400)}[data-theme=dark] .dropdown{background:#1e293bd9;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown),0 0 1px #6366f11a,inset 0 1px #ffffff08}[data-theme=dark] .dropdown-item{color:var(--text-secondary);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}[data-theme=dark] .dropdown-item:hover{background:#6366f114;color:var(--text-primary)}[data-theme=dark] .dropdown-divider{border-color:#2d3b5099}[data-theme=dark] .modal{background:#1e293be6;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-modal);box-shadow:var(--shadow-2xl),0 0 60px #0000004d,inset 0 1px #ffffff0a}[data-theme=dark] .modal-header{border-bottom:1px solid rgba(45,59,80,.6)}[data-theme=dark] .modal-footer{border-top:1px solid rgba(45,59,80,.6);background:#0f172a4d}[data-theme=dark] .modal-overlay{background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .alert{border-radius:var(--radius-lg);padding:var(--space-4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .alert-info{background:#06b6d414;border:1px solid rgba(6,182,212,.15);color:var(--color-secondary-300);box-shadow:0 0 20px #06b6d40a}[data-theme=dark] .alert-success{background:#10b98114;border:1px solid rgba(16,185,129,.15);color:var(--color-success-300);box-shadow:0 0 20px #10b9810a}[data-theme=dark] .alert-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.15);color:var(--color-warning-300);box-shadow:0 0 20px #f59e0b0a}[data-theme=dark] .alert-danger{background:#f43f5e14;border:1px solid rgba(244,63,94,.15);color:var(--color-danger-300);box-shadow:0 0 20px #f43f5e0a}[data-theme=dark] .progress-bar{background:#0f172a80;border:1px solid var(--border-primary);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .progress-bar-fill{border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);box-shadow:0 0 10px currentColor}[data-theme=dark] .score-ring{filter:drop-shadow(0 0 6px rgba(99,102,241,.3))}[data-theme=dark] .score-excellent .score-ring{filter:drop-shadow(0 0 8px rgba(52,211,153,.3))}[data-theme=dark] .score-good .score-ring{filter:drop-shadow(0 0 8px rgba(34,211,238,.3))}[data-theme=dark] .score-average .score-ring{filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}[data-theme=dark] .score-poor .score-ring{filter:drop-shadow(0 0 8px rgba(251,113,133,.3))}[data-theme=dark] .score-critical .score-ring{filter:drop-shadow(0 0 8px rgba(244,63,94,.3))}[data-theme=dark] .sidebar{background:#0f172ab3;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-right:1px solid rgba(45,59,80,.5);box-shadow:4px 0 20px #00000026,inset -1px 0 #ffffff05}[data-theme=dark] .sidebar-logo{filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}[data-theme=dark] .header{background:#0f172aa6;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(45,59,80,.5);box-shadow:0 4px 20px #00000026,inset 0 -1px #ffffff05}[data-theme=dark] .toast{background:#1e293bd9;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(99,102,241,.1);box-shadow:0 10px 40px #0000004d,0 0 1px #6366f11a,inset 0 1px #ffffff08;border-radius:var(--radius-lg)}[data-theme=dark] .toast-success{border-left:3px solid var(--color-success-400);box-shadow:0 10px 40px #0000004d,-4px 0 15px #10b9810d}[data-theme=dark] .toast-error{border-left:3px solid var(--color-danger-400);box-shadow:0 10px 40px #0000004d,-4px 0 15px #f43f5e0d}[data-theme=dark] .toast-warning{border-left:3px solid var(--color-warning-400);box-shadow:0 10px 40px #0000004d,-4px 0 15px #f59e0b0d}[data-theme=dark] .tab{color:var(--text-tertiary);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),text-shadow var(--duration-fast) var(--ease-out)}[data-theme=dark] .tab:hover{color:var(--text-secondary)}[data-theme=dark] .tab-active{color:var(--color-primary-300);border-bottom-color:var(--color-primary-400);font-weight:var(--font-medium);text-shadow:0 0 20px rgba(129,140,248,.3)}[data-theme=dark] .tab-bar{border-bottom:1px solid rgba(45,59,80,.5)}[data-theme=dark] .tooltip-content{background:#1e293bf2;color:var(--text-primary);font-size:var(--text-xs);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.1);box-shadow:0 4px 15px #0000004d,0 0 1px #6366f11a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .chart-container{background:#1e293b66;border:1px solid var(--border-primary);border-radius:var(--radius-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .chart-grid-line{stroke:#2d3b5066}[data-theme=dark] .chart-axis-label{fill:var(--color-neutral-400)}[data-theme=dark] .chart-dot{filter:drop-shadow(0 0 4px currentColor)}[data-theme=dark] .chart-line{filter:drop-shadow(0 0 3px currentColor)}[data-theme=dark] code{background:#0f172a80;border-color:#2d3b5080;color:var(--color-secondary-300)}[data-theme=dark] pre{background:#0f172a99;border-color:#2d3b5080;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .skeleton{background:#1e293b80}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(99,102,241,.03),transparent)}[data-theme=dark] .shimmer{background:linear-gradient(90deg,#1e293b80,#28354899,#1e293b80 80%);background-size:200% 100%}[data-theme=dark] .loading-bar{background:#0f172a80}[data-theme=dark] .loading-bar:after{box-shadow:0 0 10px #6366f14d}[data-theme=dark] hr,[data-theme=dark] .divider{border-color:#2d3b5080;background-color:#2d3b5080}[data-theme=dark] .divider-glow{height:1px;border:none;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}[data-theme=dark] .fab{box-shadow:0 4px 15px #6366f14d,0 0 30px #6366f11a}[data-theme=dark] .fab:hover{box-shadow:0 6px 20px #6366f166,0 0 40px #6366f126}[data-theme=dark] .text-neon{color:var(--color-primary-300);text-shadow:0 0 7px rgba(129,140,248,.5),0 0 10px rgba(129,140,248,.3),0 0 21px rgba(129,140,248,.2)}[data-theme=dark] .text-neon-cyan{color:var(--color-secondary-300);text-shadow:0 0 7px rgba(34,211,238,.5),0 0 10px rgba(34,211,238,.3),0 0 21px rgba(34,211,238,.2)}[data-theme=dark] .glow-orb{position:absolute;border-radius:var(--radius-full);filter:blur(60px);opacity:.07;pointer-events:none}[data-theme=dark] .glow-orb-primary{background:var(--color-primary-500)}[data-theme=dark] .glow-orb-secondary{background:var(--color-secondary-500)}[data-theme=dark] .shine{position:relative}[data-theme=dark] .shine:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}[data-theme=dark] .noise-texture{position:relative}[data-theme=dark] .noise-texture:before{content:"";position:absolute;inset:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");border-radius:inherit;pointer-events:none;z-index:0}[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a80}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#38486099;border:2px solid rgba(15,23,42,.5)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569b3}[data-theme=dark] .hero-section{background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.06) 0%,transparent 50%),var(--bg-primary)}[data-theme=dark] .hero-title{background:linear-gradient(135deg,#f1f5f9,#818cf8,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .meter-track{background:#0f172a80;border:1px solid var(--border-primary)}[data-theme=dark] .meter-fill{box-shadow:0 0 8px currentColor}[data-theme=dark] .metric-tile{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.06);box-shadow:inset 0 1px #ffffff05}[data-theme=dark] .metric-tile:hover{background:#1e293b8c;border-color:#6366f11f;box-shadow:0 4px 20px #00000026,0 0 20px #6366f108,inset 0 1px #ffffff0a}[data-theme=dark] .issue-card-critical{border-left:3px solid var(--color-danger-400);box-shadow:var(--shadow-card),-3px 0 12px #f43f5e0d}[data-theme=dark] .issue-card-warning{border-left:3px solid var(--color-warning-400);box-shadow:var(--shadow-card),-3px 0 12px #f59e0b0d}[data-theme=dark] .issue-card-info{border-left:3px solid var(--color-secondary-400);box-shadow:var(--shadow-card),-3px 0 12px #06b6d40d}[data-theme=dark] .issue-card-success{border-left:3px solid var(--color-success-400);box-shadow:var(--shadow-card),-3px 0 12px #10b9810d}[data-theme=dark] .toggle-track{background:#2d3b5099;border:1px solid rgba(56,72,96,.4)}[data-theme=dark] .toggle-track-active{background:#6366f166;border-color:#6366f14d;box-shadow:0 0 15px #6366f126}[data-theme=dark] .toggle-thumb{background:var(--color-neutral-300);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .toggle-thumb-active{background:var(--color-primary-300);box-shadow:0 1px 3px #0000004d,0 0 8px #818cf84d}@keyframes darkBreathe{0%,to{box-shadow:0 0 5px #6366f11a,0 0 15px #6366f10d}50%{box-shadow:0 0 10px #6366f133,0 0 25px #6366f11a}}[data-theme=dark] .breathe{animation:darkBreathe 3s var(--ease-in-out) infinite}@keyframes scanLine{0%{top:0;opacity:1}50%{opacity:.5}to{top:100%;opacity:0}}[data-theme=dark] .scan-effect{position:relative;overflow:hidden}[data-theme=dark] .scan-effect:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary-400),transparent);box-shadow:0 0 10px var(--color-primary-400);animation:scanLine 2s var(--ease-in-out) infinite}@keyframes aurora{0%,to{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}}[data-theme=dark] .aurora-bg{background:linear-gradient(45deg,#6366f108,#06b6d408,#8b5cf608,#10b98108,#6366f108);background-size:400% 400%;animation:aurora 15s ease infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:inherit;font-size:var(--font-sm);font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-md);background-color:transparent;color:var(--text-primary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);position:relative;overflow:hidden;isolation:isolate}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active:not(:disabled):not(.btn-loading){transform:translateY(1px)}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled):not(.btn-loading){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md),0 0 20px rgba(var(--color-primary-rgb, 99, 102, 241),.3)}.btn-primary:active:not(:disabled):not(.btn-loading){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--text-inverse);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled):not(.btn-loading){background-color:var(--color-secondary);border-color:var(--color-secondary);filter:brightness(1.1);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled):not(.btn-loading){filter:brightness(.95)}.btn-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn-success:hover:not(:disabled):not(.btn-loading){filter:brightness(1.1);box-shadow:var(--shadow-md),0 0 20px #22c55e4d}.btn-success:active:not(:disabled):not(.btn-loading){filter:brightness(.95)}.btn-danger{background-color:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled):not(.btn-loading){filter:brightness(1.1);box-shadow:var(--shadow-md),0 0 20px #ef44444d}.btn-danger:active:not(:disabled):not(.btn-loading){filter:brightness(.95)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled):not(.btn-loading){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-ghost:active:not(:disabled):not(.btn-loading){background-color:var(--bg-secondary)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled):not(.btn-loading){background-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled):not(.btn-loading){background-color:var(--color-primary-dark)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);border-radius:var(--radius-sm);gap:var(--space-1)}.btn-md{padding:var(--space-2) var(--space-5);font-size:var(--font-sm)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--font-md);border-radius:var(--radius-lg);gap:var(--space-3)}.btn-icon{padding:var(--space-2);aspect-ratio:1;gap:0}.btn-icon.btn-sm{padding:var(--space-1)}.btn-icon.btn-lg{padding:var(--space-3)}.btn-icon svg,.btn-icon img{width:1.25em;height:1.25em;flex-shrink:0}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-loading{color:transparent!important;pointer-events:none;position:relative}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.1em;height:1.1em;margin-top:-.55em;margin-left:-.55em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite;opacity:1}.btn-loading.btn-primary:after,.btn-loading.btn-secondary:after,.btn-loading.btn-success:after,.btn-loading.btn-danger:after{border-color:var(--text-inverse);border-right-color:transparent}.btn-loading.btn-ghost:after,.btn-loading.btn-outline:after{border-color:var(--color-primary);border-right-color:transparent}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.25) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.btn:active:before{opacity:1}.btn-group{display:inline-flex;isolation:isolate}.btn-group .btn{border-radius:0;margin-left:-1px;position:relative}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:hover,.btn-group .btn:focus-visible{z-index:1}.btn-block{display:flex;width:100%}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-header-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.card-header-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0;line-height:1.4}.card-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body{padding:var(--space-6)}.card-body:empty{display:none}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.card-glass{background:#ffffff0d;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.card-glass .card-header{border-bottom-color:#ffffff14}.card-glass .card-footer{border-top-color:#ffffff14}.card-bordered{border:1px solid var(--border-color);box-shadow:none}.card-elevated{border-color:transparent;box-shadow:var(--shadow-lg)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.card-hover:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card-stat{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden}.card-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity var(--transition-normal)}.card-stat:hover:before{opacity:1}.card-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--bg-tertiary);color:var(--color-primary);flex-shrink:0;margin-bottom:var(--space-2)}.card-stat-icon svg{width:24px;height:24px}.card-stat-label{font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.card-stat-value{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.card-stat-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:fit-content}.card-stat-change-up{color:var(--color-success);background-color:#22c55e1a}.card-stat-change-down{color:var(--color-danger);background-color:#ef44441a}.card-stat-change-neutral{color:var(--text-tertiary);background-color:var(--bg-tertiary)}.card-accent-primary{border-left:4px solid var(--color-primary)}.card-accent-success{border-left:4px solid var(--color-success)}.card-accent-warning{border-left:4px solid var(--color-warning)}.card-accent-danger{border-left:4px solid var(--color-danger)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.card-grid-4,.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}.card-divider{border:0;height:1px;background-color:var(--border-color-light);margin:0}.card-compact .card-header{padding:var(--space-3) var(--space-4)}.card-compact .card-body{padding:var(--space-4)}.card-compact .card-footer{padding:var(--space-3) var(--space-4)}.input{display:block;width:100%;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--font-sm);font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--text-tertiary);opacity:1}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15);background-color:var(--bg-primary)}.input-error,.input.error{border-color:var(--color-danger)}.input-error:focus,.input.error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.input:disabled,.input[aria-disabled=true]{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.input:read-only{background-color:var(--bg-tertiary);cursor:default}.input:read-only:focus{border-color:var(--border-color);box-shadow:none}.input-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-md);border-radius:var(--radius-lg)}.input-lg::placeholder{font-size:var(--font-md)}.input-group{display:flex;align-items:stretch;width:100%;position:relative}.input-group .input{flex:1;min-width:0}.input-group .input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group .input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:flex;align-items:center;padding:0 var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);white-space:nowrap}.input-group-prepend{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group-append{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .btn{border-radius:0;flex-shrink:0}.input-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-icon{position:relative;display:flex;align-items:center;width:100%}.input-icon .input{padding-left:var(--space-10)}.input-icon-left{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast)}.input-icon-left svg{width:18px;height:18px}.input-icon .input:focus~.input-icon-left,.input-icon .input:focus+.input-icon-left{color:var(--color-primary)}.input-icon-right{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);z-index:1;transition:color var(--transition-fast)}.input-icon-right svg{width:18px;height:18px}.input-icon .input.input-has-right-icon{padding-right:var(--space-10)}.input-help{display:block;margin-top:var(--space-1);font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.4}.input-error-message{display:block;margin-top:var(--space-1);font-size:var(--font-xs);color:var(--color-danger);line-height:1.4}.input-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);line-height:1.4}.input-label-required:after{content:" *";color:var(--color-danger)}.select{display:block;width:100%;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-4);font-family:inherit;font-size:var(--font-sm);font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.select:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}textarea.input{min-height:100px;resize:vertical;line-height:1.6}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;font-size:var(--font-sm);color:var(--text-primary)}.checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-indicator{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-secondary);flex-shrink:0;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.checkbox-indicator:after{content:"";display:block;width:5px;height:9px;border:2px solid var(--text-inverse);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);opacity:0;transition:opacity var(--transition-fast)}.checkbox input[type=checkbox]:checked+.checkbox-indicator{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox input[type=checkbox]:checked+.checkbox-indicator:after{opacity:1}.checkbox input[type=checkbox]:focus-visible+.checkbox-indicator{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.checkbox input[type=checkbox]:disabled+.checkbox-indicator{opacity:.5;cursor:not-allowed}.checkbox:has(input:disabled){cursor:not-allowed;opacity:.6}.toggle-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-sm);color:var(--text-primary)}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-switch-track{position:relative;width:44px;height:24px;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-full);flex-shrink:0;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.toggle-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:var(--text-secondary);border-radius:var(--radius-full);transition:transform var(--transition-fast),background-color var(--transition-fast);will-change:transform}.toggle-switch input[type=checkbox]:checked+.toggle-switch-track{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle-switch input[type=checkbox]:checked+.toggle-switch-track .toggle-switch-thumb{transform:translate(20px);background-color:var(--text-inverse)}.toggle-switch input[type=checkbox]:focus-visible+.toggle-switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.toggle-switch input[type=checkbox]:disabled+.toggle-switch-track{opacity:.5;cursor:not-allowed}.toggle-switch:has(input:disabled){cursor:not-allowed;opacity:.6}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-row{display:flex;gap:var(--space-4)}.form-row>*{flex:1}@media(max-width:640px){.form-row{flex-direction:column}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:var(--bg-tertiary)}.table-responsive::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-full)}.table-responsive::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--font-sm);color:var(--text-primary);table-layout:auto}.table thead{background-color:var(--bg-tertiary)}.table thead th{padding:var(--space-3) var(--space-4);font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;border-bottom:2px solid var(--border-color);position:relative;-webkit-user-select:none;user-select:none}.table thead th:first-child{padding-left:var(--space-6)}.table thead th:last-child{padding-right:var(--space-6)}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color-light);vertical-align:middle;line-height:1.5}.table tbody td:first-child{padding-left:var(--space-6)}.table tbody td:last-child{padding-right:var(--space-6)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:nth-child(2n){background-color:var(--bg-secondary)}.table-hover tbody tr{transition:background-color var(--transition-fast);cursor:default}.table-hover tbody tr:hover{background-color:var(--bg-tertiary)}.table-sortable th{cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.table-sortable th:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.table-sort-icon{display:inline-flex;align-items:center;margin-left:var(--space-1);opacity:.3;transition:opacity var(--transition-fast);vertical-align:middle}.table-sort-icon svg{width:14px;height:14px}th:hover .table-sort-icon{opacity:.6}th[aria-sort] .table-sort-icon{opacity:1}th[aria-sort=ascending] .table-sort-icon,th[aria-sort=descending] .table-sort-icon{color:var(--color-primary)}.table-sortable th.sortable:after{content:"";display:inline-block;width:0;height:0;margin-left:var(--space-2);vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid currentColor;opacity:.3;transition:opacity var(--transition-fast)}.table-sortable th.sortable:hover:after{opacity:.6}.table-sortable th.sort-asc:after{border-bottom:4px solid var(--color-primary);border-top:none;opacity:1}.table-sortable th.sort-desc:after{border-top:4px solid var(--color-primary);border-bottom:none;opacity:1}.table-cell-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.table-cell-status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.table-cell-status-success{color:var(--color-success);background-color:#22c55e1a}.table-cell-status-success .table-cell-status-dot{background-color:var(--color-success)}.table-cell-status-warning{color:var(--color-warning);background-color:#eab3081a}.table-cell-status-warning .table-cell-status-dot{background-color:var(--color-warning)}.table-cell-status-danger{color:var(--color-danger);background-color:#ef44441a}.table-cell-status-danger .table-cell-status-dot{background-color:var(--color-danger)}.table-cell-status-info{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb, 99, 102, 241),.1)}.table-cell-status-info .table-cell-status-dot{background-color:var(--color-primary)}.table-cell-status-neutral{color:var(--text-secondary);background-color:var(--bg-tertiary)}.table-cell-status-neutral .table-cell-status-dot{background-color:var(--text-tertiary)}.table tfoot td{padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border-top:2px solid var(--border-color)}.table-compact thead th,.table-compact tbody td{padding:var(--space-2) var(--space-3)}.table-compact thead th:first-child,.table-compact tbody td:first-child{padding-left:var(--space-4)}.table-compact thead th:last-child,.table-compact tbody td:last-child{padding-right:var(--space-4)}.table-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-tertiary)}.table-empty-icon{display:block;margin:0 auto var(--space-4);width:48px;height:48px;opacity:.4}.table-empty-text{font-size:var(--font-md);font-weight:500;margin-bottom:var(--space-2)}.table-empty-subtext{font-size:var(--font-sm)}.table-cell-right{text-align:right}.table-cell-center{text-align:center}.table-cell-nowrap{white-space:nowrap}.table-cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tbody tr.table-row-selected{background-color:rgba(var(--color-primary-rgb, 99, 102, 241),.08)}.table tbody tr.table-row-selected td{border-bottom-color:rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:600;line-height:1.4;color:var(--text-secondary);background-color:var(--bg-tertiary);border-radius:var(--radius-md);white-space:nowrap;vertical-align:middle;transition:background-color var(--transition-fast),color var(--transition-fast)}.badge-critical{color:#dc2626;background-color:#ef44441f}.badge-warning{color:#d97706;background-color:#eab3081f}.badge-info{color:#2563eb;background-color:#3b82f61f}.badge-success{color:#16a34a;background-color:#22c55e1f}.badge-neutral{color:var(--text-tertiary);background-color:var(--bg-tertiary)}.badge-dot{position:relative;padding-left:calc(var(--space-3) + 12px)}.badge-dot:before{content:"";position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.badge-dot-pulse:before{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.8;box-shadow:0 0 0 4px transparent}}.badge-pill{border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.badge-sm{padding:1px var(--space-2);font-size:10px;font-weight:700;letter-spacing:.02em}.badge-sm.badge-dot{padding-left:calc(var(--space-2) + 10px)}.badge-sm.badge-dot:before{width:5px;height:5px;left:var(--space-1)}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}.badge-lg.badge-dot{padding-left:calc(var(--space-4) + 14px)}.badge-lg.badge-dot:before{width:8px;height:8px;left:var(--space-3)}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-outline.badge-critical{border-color:#ef444466}.badge-outline.badge-warning{border-color:#eab30866}.badge-outline.badge-info{border-color:#3b82f666}.badge-outline.badge-success{border-color:#22c55e66}.badge-outline.badge-neutral{border-color:var(--border-color)}.badge-icon{display:inline-flex;align-items:center;gap:var(--space-1)}.badge-icon svg{width:12px;height:12px;flex-shrink:0}.badge-lg .badge-icon svg{width:14px;height:14px}.badge-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);font-size:11px;font-weight:700;line-height:1;color:var(--text-inverse);background-color:var(--color-primary);border-radius:var(--radius-full)}.badge-count-danger{background-color:var(--color-danger)}.badge-count-sm{min-width:16px;height:16px;font-size:10px}.badge-removable{padding-right:var(--space-1)}.badge-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin-left:var(--space-1);border:none;background:transparent;color:currentColor;opacity:.6;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.badge-remove:hover{opacity:1;background-color:#0000001a}.badge-remove svg{width:10px;height:10px}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-overlay-in var(--transition-normal) ease-out forwards}.modal-overlay.modal-closing{animation:modal-overlay-out var(--transition-normal) ease-in forwards}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}.modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - var(--space-8));background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-normal) cubic-bezier(.16,1,.3,1) forwards}.modal-closing .modal{animation:modal-out var(--transition-fast) ease-in forwards}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);flex-shrink:0}.modal-header-content{flex:1;min-width:0}.modal-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.modal-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-1) 0 0;line-height:1.4}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background-color:transparent;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-2) var(--space-6);overflow-y:auto;flex:1;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-full)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);flex-shrink:0}.modal-footer-left{justify-content:flex-start}.modal-footer-between{justify-content:space-between}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.modal-xl{max-width:1040px}.modal-fullscreen{max-width:none;max-height:none;width:calc(100vw - var(--space-8));height:calc(100vh - var(--space-8));border-radius:var(--radius-lg)}.modal-slide-up .modal{animation-name:modal-slide-up-in}.modal-slide-up.modal-closing .modal{animation-name:modal-slide-up-out}@keyframes modal-slide-up-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modal-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.modal-confirm .modal-body{text-align:center;padding:var(--space-6)}.modal-confirm-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full)}.modal-confirm-icon-danger{background-color:#ef44441a;color:var(--color-danger)}.modal-confirm-icon-warning{background-color:#eab3081a;color:var(--color-warning)}.modal-confirm-icon-success{background-color:#22c55e1a;color:var(--color-success)}.modal-confirm-icon-info{background-color:rgba(var(--color-primary-rgb, 99, 102, 241),.1);color:var(--color-primary)}.modal-confirm-icon svg{width:28px;height:28px}.modal-confirm .modal-footer{justify-content:center}@media(max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:none;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation-name:modal-slide-up-in}.modal-closing .modal{animation-name:modal-slide-up-out}.modal-fullscreen{max-height:100vh;height:100vh;border-radius:0;width:100vw}}body.modal-open{overflow:hidden}.toast-container{position:fixed;z-index:1100;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:420px;width:100%}.toast-container-top-right{top:var(--space-6);right:var(--space-6)}.toast-container-top-left{top:var(--space-6);left:var(--space-6)}.toast-container-top-center{top:var(--space-6);left:50%;transform:translate(-50%)}.toast-container-bottom-right{bottom:var(--space-6);right:var(--space-6)}.toast-container-bottom-left{bottom:var(--space-6);left:var(--space-6)}.toast-container-bottom-center{bottom:var(--space-6);left:50%;transform:translate(-50%)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);pointer-events:auto;position:relative;overflow:hidden;width:100%;animation:toast-slide-in .35s cubic-bezier(.16,1,.3,1) forwards}.toast.toast-exiting{animation:toast-slide-out .25s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0);max-height:200px;margin-bottom:0}to{opacity:0;transform:translate(100%);max-height:0;margin-bottom:calc(-1 * var(--space-3));padding-top:0;padding-bottom:0}}.toast-container-top-left .toast,.toast-container-bottom-left .toast{animation-name:toast-slide-in-left}.toast-container-top-left .toast.toast-exiting,.toast-container-bottom-left .toast.toast-exiting{animation-name:toast-slide-out-left}@keyframes toast-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.toast-container-top-center .toast{animation-name:toast-slide-in-top}.toast-container-top-center .toast.toast-exiting{animation-name:toast-slide-out-top}@keyframes toast-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.toast-container-bottom-center .toast{animation-name:toast-slide-in-bottom}.toast-container-bottom-center .toast.toast-exiting{animation-name:toast-slide-out-bottom}@keyframes toast-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:1px}.toast-icon svg{width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.toast-message{font-size:var(--font-xs);color:var(--text-secondary);margin:var(--space-1) 0 0;line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;margin:-2px -4px 0 0;transition:background-color var(--transition-fast),color var(--transition-fast)}.toast-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.toast-close svg{width:14px;height:14px}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-primary)}.toast-info .toast-icon{color:var(--color-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:currentColor;opacity:.3;border-radius:0 var(--radius-sm) 0 0;transform-origin:left center;animation:toast-progress-shrink var(--toast-duration, 5s) linear forwards}.toast-success .toast-progress{color:var(--color-success)}.toast-error .toast-progress{color:var(--color-danger)}.toast-warning .toast-progress{color:var(--color-warning)}.toast-info .toast-progress{color:var(--color-primary)}@keyframes toast-progress-shrink{0%{width:100%}to{width:0%}}.toast:hover .toast-progress{animation-play-state:paused}.toast-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.toast-action-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:600;border:none;background:transparent;color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.toast-action-btn:hover{background-color:var(--bg-tertiary)}.toast-container .toast:nth-last-child(n+4){opacity:0;pointer-events:none;max-height:0;padding:0;margin:0;overflow:hidden}@media(max-width:480px){.toast-container{max-width:calc(100vw - var(--space-8));left:var(--space-4);right:var(--space-4)}.toast-container-top-right,.toast-container-top-left,.toast-container-top-center{top:var(--space-4);transform:none}.toast-container-bottom-right,.toast-container-bottom-left,.toast-container-bottom-center{bottom:var(--space-4);transform:none}}.score-gauge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.score-gauge svg{display:block}.score-gauge-track{fill:none;stroke:var(--bg-tertiary);stroke-width:8}.score-gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke var(--transition-normal);animation:gauge-fill-in 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes gauge-fill-in{0%{stroke-dashoffset:var(--gauge-circumference, 283)}to{stroke-dashoffset:var(--gauge-offset, 283)}}.score-gauge-label{display:block;text-align:center;font-weight:600;color:var(--text-secondary);white-space:nowrap}.score-gauge-value{font-weight:800;line-height:1;letter-spacing:-.02em;fill:var(--text-primary);color:var(--text-primary);animation:gauge-value-in .6s ease-out .4s both}@keyframes gauge-value-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-gauge-text{font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.score-gauge-poor .score-gauge-fill,.score-gauge-danger .score-gauge-fill{stroke:#ef4444}.score-gauge-poor .score-gauge-value,.score-gauge-danger .score-gauge-value{fill:#ef4444;color:#ef4444}.score-gauge-average .score-gauge-fill,.score-gauge-warning .score-gauge-fill{stroke:#f59e0b}.score-gauge-average .score-gauge-value,.score-gauge-warning .score-gauge-value{fill:#f59e0b;color:#f59e0b}.score-gauge-good .score-gauge-fill,.score-gauge-success .score-gauge-fill{stroke:#22c55e}.score-gauge-good .score-gauge-value,.score-gauge-success .score-gauge-value{fill:#22c55e;color:#22c55e}.score-gauge-gradient-poor stop:first-child{stop-color:#ef4444}.score-gauge-gradient-poor stop:last-child{stop-color:#dc2626}.score-gauge-gradient-average stop:first-child{stop-color:#f59e0b}.score-gauge-gradient-average stop:last-child{stop-color:#d97706}.score-gauge-gradient-good stop:first-child{stop-color:#22c55e}.score-gauge-gradient-good stop:last-child{stop-color:#16a34a}.score-gauge-glow .score-gauge-fill{filter:drop-shadow(0 0 6px currentColor)}.score-gauge-glow.score-gauge-poor .score-gauge-fill{filter:drop-shadow(0 0 6px rgba(239,68,68,.4))}.score-gauge-glow.score-gauge-average .score-gauge-fill{filter:drop-shadow(0 0 6px rgba(245,158,11,.4))}.score-gauge-glow.score-gauge-good .score-gauge-fill{filter:drop-shadow(0 0 6px rgba(34,197,94,.4))}.gauge-sm{width:80px;height:80px}.gauge-sm svg{width:80px;height:80px}.gauge-sm .score-gauge-track,.gauge-sm .score-gauge-fill{stroke-width:6}.gauge-sm .score-gauge-value{font-size:var(--font-lg)}.gauge-sm .score-gauge-text{font-size:8px;margin-top:2px}.gauge-md{width:120px;height:120px}.gauge-md svg{width:120px;height:120px}.gauge-md .score-gauge-track,.gauge-md .score-gauge-fill{stroke-width:8}.gauge-md .score-gauge-value{font-size:var(--font-2xl)}.gauge-md .score-gauge-text{font-size:var(--font-xs);margin-top:var(--space-1)}.gauge-lg{width:180px;height:180px}.gauge-lg svg{width:180px;height:180px}.gauge-lg .score-gauge-track,.gauge-lg .score-gauge-fill{stroke-width:10}.gauge-lg .score-gauge-value{font-size:var(--font-4xl)}.gauge-lg .score-gauge-text{font-size:var(--font-sm);margin-top:var(--space-1)}.gauge-xl{width:240px;height:240px}.gauge-xl svg{width:240px;height:240px}.gauge-xl .score-gauge-track,.gauge-xl .score-gauge-fill{stroke-width:12}.gauge-xl .score-gauge-value{font-size:48px}.gauge-xl .score-gauge-text{font-size:var(--font-md);margin-top:var(--space-2)}.score-gauge-row{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.score-gauge-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.score-gauge-external-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);text-align:center}.score-gauge-external-sublabel{font-size:var(--font-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-1)}.score-gauge-static .score-gauge-fill{animation:none;stroke-dashoffset:var(--gauge-offset, 283)}.score-gauge-static .score-gauge-value{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.score-gauge-fill{animation:none;stroke-dashoffset:var(--gauge-offset, 283)}.score-gauge-value{animation:none;opacity:1}}.progress-bar{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative;min-width:0;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.progress-poor .progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-average .progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-good .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-primary .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.progress-success .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-danger .progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-striped .progress-fill{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px}.progress-animated .progress-fill{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:20px 0}to{background-position:0 0}}.progress-indeterminate .progress-fill{width:30%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-bar-xs{height:3px}.progress-bar-sm{height:5px}.progress-bar-md{height:8px}.progress-bar-lg{height:12px}.progress-bar-xl{height:16px}.progress-wrapper{width:100%}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.progress-label{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.progress-value{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.progress-bar-lg .progress-fill-value,.progress-bar-xl .progress-fill-value{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:var(--text-inverse);white-space:nowrap}.progress-steps{display:flex;align-items:center;width:100%;gap:0;counter-reset:step}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background-color:var(--bg-tertiary);z-index:0;transition:background-color var(--transition-normal)}.progress-step.step-completed:not(:last-child):after{background-color:var(--color-primary)}.progress-step.step-active:not(:last-child):after{background:linear-gradient(90deg,var(--color-primary) 0%,var(--bg-tertiary) 100%)}.progress-step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--bg-tertiary);border:2px solid var(--border-color);font-size:var(--font-xs);font-weight:700;color:var(--text-tertiary);position:relative;z-index:1;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}.progress-step.step-completed .progress-step-indicator{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.progress-step.step-completed .progress-step-indicator:after{content:"";display:block;width:6px;height:10px;border:2px solid var(--text-inverse);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.progress-step.step-completed .progress-step-number{display:none}.progress-step.step-active .progress-step-indicator{background-color:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.progress-step-label{margin-top:var(--space-2);font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);text-align:center;white-space:nowrap;transition:color var(--transition-normal)}.progress-step.step-completed .progress-step-label,.progress-step.step-active .progress-step-label{color:var(--text-primary)}.progress-segmented{display:flex;gap:var(--space-1);width:100%}.progress-segment{flex:1;height:6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;transition:background-color var(--transition-fast)}.progress-segment-filled{background-color:var(--color-primary)}.progress-segment-poor{background-color:#ef4444}.progress-segment-average{background-color:#f59e0b}.progress-segment-good{background-color:#22c55e}@media(prefers-reduced-motion:reduce){.progress-fill{transition:none}.progress-animated .progress-fill{animation:none}.progress-indeterminate .progress-fill{animation:none;width:100%!important;opacity:.5}}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--bg-tertiary);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner-xs{width:14px;height:14px;border-width:2px}.spinner-sm{width:18px;height:18px;border-width:2px}.spinner-md{width:24px;height:24px;border-width:3px}.spinner-lg{width:36px;height:36px;border-width:3px}.spinner-xl{width:48px;height:48px;border-width:4px}.spinner-primary{border-top-color:var(--color-primary)}.spinner-white{border-color:#ffffff40;border-top-color:#fff}.spinner-success{border-top-color:var(--color-success)}.spinner-danger{border-top-color:var(--color-danger)}.spinner-center{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.spinner-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-3)}.spinner-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.skeleton{position:relative;overflow:hidden;background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 60%,transparent 100%);animation:skeleton-shimmer 1.8s ease-in-out infinite;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-text{height:14px;width:100%;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:70%;margin-bottom:0}.skeleton-text-xs{height:10px}.skeleton-text-sm{height:12px}.skeleton-text-md{height:14px}.skeleton-text-lg{height:18px}.skeleton-text-xl{height:24px}.skeleton-heading{height:24px;width:60%;margin-bottom:var(--space-4);border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full);flex-shrink:0}.skeleton-circle-sm{width:32px;height:32px}.skeleton-circle-md{width:48px;height:48px}.skeleton-circle-lg{width:64px;height:64px}.skeleton-circle-xl{width:96px;height:96px}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-6);overflow:hidden}.skeleton-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.skeleton-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card-image{height:180px;margin:calc(-1 * var(--space-6));margin-bottom:var(--space-5);border-radius:0}.skeleton-table{width:100%}.skeleton-table-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color-light)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{height:14px;border-radius:var(--radius-sm)}.skeleton-table-cell:nth-child(1){width:30%}.skeleton-table-cell:nth-child(2){width:20%}.skeleton-table-cell:nth-child(3){width:25%}.skeleton-table-cell:nth-child(4){width:15%}.skeleton-stat{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-stat-label{height:10px;width:80px;border-radius:var(--radius-sm)}.skeleton-stat-value{height:32px;width:120px;border-radius:var(--radius-sm)}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background-color:rgba(var(--bg-primary-rgb, 0, 0, 0),.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;border-radius:inherit;animation:overlay-fade-in var(--transition-fast) ease-out forwards}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.loading-overlay-text{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.loading-overlay-fullpage{position:fixed;inset:0;z-index:9999}.pulse-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.pulse-dot-item{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-primary);animation:pulse-dot-bounce 1.4s ease-in-out infinite both}.pulse-dot-item:nth-child(1){animation-delay:0s}.pulse-dot-item:nth-child(2){animation-delay:.16s}.pulse-dot-item:nth-child(3){animation-delay:.32s}@keyframes pulse-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.pulse-dot-sm .pulse-dot-item{width:6px;height:6px}.pulse-dot-lg .pulse-dot-item{width:12px;height:12px}.pulse-dot-white .pulse-dot-item{background-color:#fff}.pulse-dot-success .pulse-dot-item{background-color:var(--color-success)}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);background-color:var(--bg-tertiary);border-radius:var(--radius-lg)}.typing-indicator-dot{width:7px;height:7px;border-radius:var(--radius-full);background-color:var(--text-tertiary);animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator-dot:nth-child(1){animation-delay:0s}.typing-indicator-dot:nth-child(2){animation-delay:.2s}.typing-indicator-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;overflow:hidden;background-color:transparent}.loading-bar-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:0 var(--radius-full) var(--radius-full) 0;animation:loading-bar-indeterminate 2s ease-in-out infinite;transform-origin:left center}@keyframes loading-bar-indeterminate{0%{transform:translate(-100%) scaleX(.3)}40%{transform:translate(20%) scaleX(.6)}to{transform:translate(100%) scaleX(.3)}}.protected-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background-color:var(--bg-primary)}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}.skeleton:after{animation:none;transform:none;background:#ffffff14}.pulse-dot-item,.typing-indicator-dot{animation:none;opacity:.6}.loading-bar-progress{animation-duration:4s}}.app-layout{display:grid;grid-template-columns:var(--sidebar-width, 260px) 1fr;grid-template-rows:1fr;min-height:100vh;width:100%;background-color:var(--bg-primary);transition:grid-template-columns var(--transition-fast, .25s) ease}.app-layout.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width, 70px) 1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width, 260px);display:flex;flex-direction:column;background-color:var(--bg-secondary);border-right:1px solid var(--border-color, rgba(0, 0, 0, .08));box-shadow:var(--shadow-md);z-index:100;overflow:hidden;transition:width var(--transition-fast, .25s) ease}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width, 70px)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-5, 1.25rem) var(--space-4, 1rem);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .08));flex-shrink:0;min-height:64px}.sidebar-logo-img{height:28px;width:auto;object-fit:contain;transition:opacity var(--transition-fast, .25s) ease}.sidebar-collapsed .sidebar-logo-img{height:24px;width:0;overflow:hidden}.sidebar-toggle{position:absolute;top:20px;right:-14px;width:28px;height:28px;border-radius:50%;background-color:var(--bg-card, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .08));box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;color:var(--text-secondary);transition:transform var(--transition-fast, .25s) ease,background-color var(--transition-fast, .25s) ease;padding:0;font-size:var(--font-xs, .75rem)}.sidebar-toggle:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3, .75rem) var(--space-2, .5rem);display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.sidebar-nav-group-title{font-size:var(--font-xs, .75rem);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3, .75rem) var(--space-3, .75rem) var(--space-1, .25rem);white-space:nowrap;overflow:hidden;transition:opacity var(--transition-fast, .25s) ease}.sidebar-collapsed .sidebar-nav-group-title{opacity:0;height:0;padding:0;margin:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-md, 8px);color:var(--text-secondary);text-decoration:none;font-size:var(--font-sm, .875rem);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast, .25s) ease,color var(--transition-fast, .25s) ease;border:none;background:none;width:100%;text-align:left}.sidebar-nav-item:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--color-primary-light, rgba(99, 102, 241, .1));color:var(--color-primary);font-weight:600}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--color-primary)}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-base, 1rem)}.sidebar-nav-label{opacity:1;transition:opacity var(--transition-fast, .25s) ease;overflow:hidden}.sidebar-collapsed .sidebar-nav-label{opacity:0;width:0}.sidebar-nav-badge{margin-left:auto;padding:2px 8px;border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:600;background-color:var(--color-primary);color:#fff;line-height:1.4;transition:opacity var(--transition-fast, .25s) ease}.sidebar-collapsed .sidebar-nav-badge{opacity:0;width:0;padding:0;overflow:hidden}.sidebar-footer{padding:var(--space-3, .75rem) var(--space-2, .5rem);border-top:1px solid var(--border-color, rgba(0, 0, 0, .08));flex-shrink:0}.sidebar-footer-profile{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color var(--transition-fast, .25s) ease}.sidebar-footer-profile:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04))}.sidebar-footer-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm, .875rem);font-weight:600;flex-shrink:0}.sidebar-footer-info{overflow:hidden;transition:opacity var(--transition-fast, .25s) ease}.sidebar-collapsed .sidebar-footer-info{opacity:0;width:0}.sidebar-footer-name{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-role{font-size:var(--font-xs, .75rem);color:var(--text-secondary);white-space:nowrap}.main-content{grid-column:2;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;background-color:var(--bg-primary)}.main-content-inner{flex:1;padding:var(--space-6, 1.5rem) var(--space-8, 2rem);max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, .75rem) var(--space-8, 2rem);background-color:var(--bg-card, #fff);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .08));position:sticky;top:0;z-index:50;min-height:64px;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left{display:flex;align-items:center;gap:var(--space-4, 1rem)}.header-breadcrumb{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.header-breadcrumb-separator{color:var(--text-secondary);opacity:.5}.header-breadcrumb-current{color:var(--text-primary);font-weight:600}.header-search{position:relative;width:320px}.header-search-input{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem) var(--space-2, .5rem) var(--space-10, 2.5rem);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);outline:none;transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}.header-search-input::placeholder{color:var(--text-secondary);opacity:.6}.header-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.header-search-icon{position:absolute;left:var(--space-3, .75rem);top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5;font-size:var(--font-sm, .875rem);pointer-events:none}.header-search-shortcut{position:absolute;right:var(--space-3, .75rem);top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color, rgba(0, 0, 0, .08));background-color:var(--bg-secondary);font-size:var(--font-xs, .75rem);color:var(--text-secondary);pointer-events:none}.header-right{display:flex;align-items:center;gap:var(--space-2, .5rem)}.header-icon-btn{width:38px;height:38px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .08));background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:var(--font-base, 1rem);transition:background-color var(--transition-fast, .25s) ease,color var(--transition-fast, .25s) ease,border-color var(--transition-fast, .25s) ease;padding:0}.header-icon-btn:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--text-primary);border-color:transparent}.header-icon-btn.active{background-color:var(--color-primary-light, rgba(99, 102, 241, .1));color:var(--color-primary);border-color:transparent}.header-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background-color:var(--color-danger, #ef4444);border:2px solid var(--bg-card, #fff)}.header-profile{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-1, .25rem);padding-right:var(--space-3, .75rem);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color var(--transition-fast, .25s) ease;border:none;background:none}.header-profile:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04))}.header-profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-profile-name{font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-primary)}.header-profile-wrapper{position:relative}.header-profile-backdrop{position:fixed;inset:0;z-index:99}.header-profile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-2, .5rem);animation:fadeIn .15s ease}.header-profile-menu-info{padding:var(--space-2, .5rem) var(--space-3, .75rem);display:flex;flex-direction:column;gap:2px}.header-profile-menu-name{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.header-profile-menu-email{font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.header-profile-menu-divider{height:1px;background-color:var(--border-primary);margin:var(--space-1, .25rem) 0}.header-profile-menu-item{display:flex;align-items:center;gap:var(--space-2, .5rem);width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:none;background:none;border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);color:var(--text-primary);cursor:pointer;transition:background-color .15s ease;text-align:left}.header-profile-menu-item:hover{background-color:var(--bg-hover)}.header-profile-menu-logout{color:var(--color-danger, #ef4444)}.header-profile-menu-logout:hover{background-color:#ef444414}.header-mobile-menu-btn{display:none;width:38px;height:38px;border:none;background:none;color:var(--text-primary);font-size:var(--font-xl, 1.25rem);cursor:pointer;align-items:center;justify-content:center;padding:0}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:99;opacity:0;transition:opacity var(--transition-fast, .25s) ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1}.page-title-section{margin-bottom:var(--space-6, 1.5rem)}.page-title{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.page-subtitle{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0}@media(max-width:1024px){.app-layout,.app-layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.mobile-open{transform:translate(0);width:var(--sidebar-width, 260px);box-shadow:var(--shadow-md)}.sidebar-toggle{display:none}.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.visible{pointer-events:auto}.main-content{grid-column:1}.header-mobile-menu-btn{display:flex}.main-content-inner{padding:var(--space-4, 1rem) var(--space-4, 1rem)}}@media(max-width:640px){.header{padding:var(--space-2, .5rem) var(--space-4, 1rem);min-height:56px}.header-search{width:100%;max-width:200px}.header-profile-name,.header-breadcrumb{display:none}.main-content-inner{padding:var(--space-3, .75rem)}.page-title{font-size:var(--font-xl, 1.25rem)}}@media(max-width:400px){.header-search,.header-search-shortcut{display:none}}.settings-form-select{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-8, 2rem);transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--duration-moderate) var(--ease-in-out),color var(--duration-moderate) var(--ease-in-out)}#root,#__next{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;isolation:isolate}h1,.h1{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h2,.h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h3,.h3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}h4,.h4{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}h5,.h5{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}h6,.h6{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}small,.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-2xs{font-size:var(--text-2xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-display{font-size:var(--text-6xl);font-weight:var(--font-extrabold);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-mono,.font-mono{font-family:var(--font-mono)}a{color:var(--text-link);transition:var(--transition-colors)}a:hover{color:var(--text-link-hover)}.link{color:var(--text-link);text-decoration:none;transition:var(--transition-colors);cursor:pointer}.link:hover{color:var(--text-link-hover);text-decoration:underline}.link-underline{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.link-underline:hover{text-decoration-thickness:2px}code{font-family:var(--font-mono);font-size:.875em;padding:var(--space-0-5) var(--space-1-5);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-4);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow-x:auto}pre code{padding:0;background:none;border:none;font-size:inherit}blockquote{padding-left:var(--space-4);border-left:4px solid var(--interactive-primary);color:var(--text-secondary);font-style:italic}mark{background-color:var(--color-warning-200);color:var(--color-warning-900);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-xs)}[data-theme=dark] mark{background-color:#fbbf2433;color:var(--color-warning-300)}::selection{background-color:#6366f133;color:var(--text-primary)}[data-theme=dark] ::selection{background-color:#818cf84d;color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.focus-ring-inset:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--border-focus)}.focus-ring-danger:focus-visible{outline:none;box-shadow:var(--shadow-focus-danger)}.focus-within:focus-within{box-shadow:var(--shadow-focus);border-color:var(--border-focus)}hr{border-color:var(--border-primary);margin:var(--space-6) 0}.divider{height:1px;background-color:var(--border-primary);border:none;margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background-color:var(--border-primary)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.container-narrow{max-width:var(--container-md)}.container-wide{max-width:var(--container-2xl)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.grid-auto-fill-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-fill-md{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto-fill-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-x-2{column-gap:var(--space-2)}.gap-x-4{column-gap:var(--space-4)}.gap-x-6{column-gap:var(--space-6)}.gap-x-8{column-gap:var(--space-8)}.gap-y-2{row-gap:var(--space-2)}.gap-y-4{row-gap:var(--space-4)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.pt-0{padding-top:0}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.italic{font-style:italic}.not-italic{font-style:normal}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-pre{white-space:pre}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-danger{color:var(--color-danger-500)}.text-info{color:var(--color-secondary-500)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-fit{width:fit-content}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-xs{max-width:var(--container-xs)}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh;height:100dvh}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-screen{min-height:100vh;min-height:100dvh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh;max-height:100dvh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.border{border:1px solid var(--border-primary)}.border-0{border:none}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.border-2{border-width:2px}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-focus{border-color:var(--border-focus)}.border-error{border-color:var(--border-error)}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-DEFAULT)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-text{cursor:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-moderate{transition:var(--transition-moderate)}.transition-slow{transition:var(--transition-slow)}.transition-none{transition:none}.transition-colors{transition:var(--transition-colors)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(var(--space-1))}.-translate-y-1{transform:translateY(calc(var(--space-1) * -1))}.translate-y-2{transform:translateY(var(--space-2))}.-translate-y-2{transform:translateY(calc(var(--space-2) * -1))}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-90{transform:rotate(-90deg)}.z-deep{z-index:var(--z-deep)}.z-0{z-index:var(--z-base)}.z-1{z-index:var(--z-raised)}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-header)}.z-40{z-index:var(--z-sidebar)}.z-50{z-index:var(--z-overlay)}.z-60{z-index:var(--z-modal)}.z-70{z-index:var(--z-popover)}.z-80{z-index:var(--z-toast)}.z-90{z-index:var(--z-tooltip)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-accent{background-color:var(--bg-accent)}.bg-sunken{background-color:var(--bg-sunken)}.bg-transparent{background-color:transparent}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.show-mobile-only{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #6366f133,0 0 20px #6366f11a}50%{box-shadow:0 0 10px #6366f166,0 0 30px #6366f133}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes skeletonWave{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#6366f14d}50%{border-color:#6366f199}}.animate-fade-in{animation:fadeIn var(--duration-moderate) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-moderate) var(--ease-in) forwards}.animate-slide-up{animation:slideUp var(--duration-moderate) var(--ease-out) forwards}.animate-slide-down{animation:slideDown var(--duration-moderate) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-moderate) var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-moderate) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-moderate) var(--ease-out) forwards}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-ping{animation:ping 1s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-glow-pulse{animation:glowPulse 2s var(--ease-in-out) infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-stagger>*{opacity:0;animation:slideUp var(--duration-moderate) var(--ease-out) forwards}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:50ms}.animate-stagger>*:nth-child(3){animation-delay:.1s}.animate-stagger>*:nth-child(4){animation-delay:.15s}.animate-stagger>*:nth-child(5){animation-delay:.2s}.animate-stagger>*:nth-child(6){animation-delay:.25s}.animate-stagger>*:nth-child(7){animation-delay:.3s}.animate-stagger>*:nth-child(8){animation-delay:.35s}.animate-stagger>*:nth-child(9){animation-delay:.4s}.animate-stagger>*:nth-child(10){animation-delay:.45s}.animate-stagger>*:nth-child(11){animation-delay:.5s}.animate-stagger>*:nth-child(12){animation-delay:.55s}.shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 40%,var(--bg-tertiary) 80%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-DEFAULT)}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-DEFAULT);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--bg-secondary),transparent);animation:shimmer 1.5s ease-in-out infinite;background-size:200% 100%}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-heading{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-rect{border-radius:var(--radius-lg)}.gradient-border{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gradient-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--bg-tertiary);z-index:var(--z-max);overflow:hidden}.loading-bar:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:var(--gradient-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;animation:progressIndeterminate 1.5s var(--ease-in-out) infinite}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--space-1-5) var(--space-3);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:var(--z-overlay);animation:overlayFadeIn var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block;flex-shrink:0}.status-dot-success{background-color:var(--color-success-500)}.status-dot-warning{background-color:var(--color-warning-500)}.status-dot-danger{background-color:var(--color-danger-500)}.status-dot-info{background-color:var(--color-secondary-500)}.status-dot-neutral{background-color:var(--color-neutral-400)}.status-dot-pulse{position:relative}.status-dot-pulse:before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:ping 1.5s var(--ease-in-out) infinite}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-fill{object-fit:fill}.isolate{isolation:isolate}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);color:var(--text-secondary)}.placeholder-page-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background-color:var(--bg-accent);color:var(--color-primary-500)}.placeholder-page-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.placeholder-page-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;text-align:center;line-height:var(--leading-relaxed)}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}img{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}body{font-size:12pt}.no-print{display:none!important}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;background-color:var(--bg-primary);transition:background-color var(--duration-moderate) var(--ease-in-out);overflow:hidden;position:relative}.auth-container{display:flex;width:100%;max-width:1100px;min-height:640px;margin:var(--space-6);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);transition:box-shadow var(--duration-moderate) var(--ease-in-out)}.auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 45%;padding:var(--space-12) var(--space-8);background:var(--gradient-primary);position:relative;overflow:hidden;color:#fff;text-align:center}.auth-brand-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth-brand-decoration:before{content:"";position:absolute;width:400px;height:400px;border-radius:var(--radius-full);background:#ffffff0f;top:-120px;right:-100px;animation:float 8s var(--ease-in-out) infinite}.auth-brand-decoration:after{content:"";position:absolute;width:300px;height:300px;border-radius:var(--radius-full);background:#ffffff0a;bottom:-80px;left:-60px;animation:float 10s var(--ease-in-out) infinite reverse}.auth-brand-decoration-dot{position:absolute;width:120px;height:120px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);top:50%;left:10%;transform:translateY(-50%)}.auth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.auth-brand-logo{display:flex;align-items:center;justify-content:center;transition:transform var(--duration-moderate) var(--ease-out)}.auth-brand-logo:hover{transform:scale(1.05)}.auth-brand-logo-img{height:48px;width:auto;object-fit:contain}.auth-brand-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:#fff;margin:0;line-height:var(--leading-none)}.auth-brand-subtitle{font-size:var(--text-lg);font-weight:var(--font-medium);color:#fffc;letter-spacing:var(--tracking-wide);margin:0}.auth-brand-tagline{font-size:var(--text-sm);color:#fff9;max-width:280px;line-height:var(--leading-relaxed);margin:0}.auth-form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-10);background-color:var(--bg-surface);transition:background-color var(--duration-moderate) var(--ease-in-out);position:relative;overflow-y:auto}.auth-mobile-logo{display:none;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-mobile-logo-img{height:36px;width:auto;object-fit:contain}.auth-form{width:100%;max-width:400px}.auth-form-header{margin-bottom:var(--space-8)}.auth-form-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.auth-form-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-normal)}.auth-form-fields{display:flex;flex-direction:column;gap:var(--space-5)}.auth-input-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.auth-input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--text-disabled);pointer-events:none;transition:color var(--duration-fast) var(--ease-out);z-index:1}.auth-input-icon svg{width:18px;height:18px}.auth-input{width:100%;height:48px;padding:0 var(--space-3) 0 var(--space-10);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-moderate) var(--ease-in-out)}.auth-input::placeholder{color:var(--text-disabled);font-weight:var(--font-regular)}.auth-input:hover{border-color:var(--border-secondary)}.auth-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.auth-input:focus~.auth-input-icon,.auth-input-wrapper:focus-within .auth-input-icon{color:var(--color-primary)}.auth-input-has-toggle{padding-right:var(--space-12)}.auth-input-error{border-color:var(--border-error)}.auth-input-error:focus{box-shadow:var(--shadow-focus-danger);border-color:var(--border-error)}.auth-password-toggle{position:absolute;right:var(--space-1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-disabled);cursor:pointer;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);z-index:1}.auth-password-toggle:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.auth-password-toggle svg{width:18px;height:18px}.auth-field-error{font-size:var(--text-xs);color:var(--color-danger-500);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:48px;margin-top:var(--space-6);padding:0 var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #6366f140}.auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #6366f159,0 0 20px #6366f126;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #6366f133}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-submit-btn-loading{pointer-events:none}.auth-btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .6s linear infinite}.auth-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-lg);animation:slideDown var(--duration-moderate) var(--ease-out)}.auth-error-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-danger-500);margin-top:1px}.auth-error-icon svg{width:18px;height:18px}.auth-error-message{font-size:var(--text-sm);color:var(--color-danger-700);line-height:var(--leading-normal);margin:0}.auth-switch-link{text-align:center;margin-top:var(--space-8);font-size:var(--text-sm);color:var(--text-secondary)}.auth-switch-link a{color:var(--color-primary);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.auth-switch-link a:hover{color:var(--interactive-primary-hover);text-decoration:underline}[data-theme=dark] .auth-container{box-shadow:0 25px 60px #00000080,0 0 1px #6366f11a}[data-theme=dark] .auth-brand{background:linear-gradient(135deg,#312e81,#1e1b4b 40%,#0f172a)}[data-theme=dark] .auth-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.2) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.1) 0%,transparent 60%);pointer-events:none}[data-theme=dark] .auth-brand-logo{background:#ffffff1a;border-color:#ffffff26;box-shadow:0 8px 32px #0003,0 0 20px #6366f126}[data-theme=dark] .auth-form-panel{background:#1e293b99;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-left:1px solid rgba(99,102,241,.08)}[data-theme=dark] .auth-input{background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:var(--border-primary);box-shadow:inset 0 1px 3px #0003}[data-theme=dark] .auth-input:hover{border-color:var(--border-secondary)}[data-theme=dark] .auth-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus),0 0 15px #818cf814,inset 0 1px 3px #0003}[data-theme=dark] .auth-error{background:#f43f5e14;border-color:#f43f5e33;box-shadow:0 0 20px #f43f5e0a}[data-theme=dark] .auth-error-message{color:var(--color-danger-300)}[data-theme=dark] .auth-submit-btn{box-shadow:0 2px 12px #6366f14d,inset 0 1px #ffffff1a}[data-theme=dark] .auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 20px #6366f166,0 0 30px #6366f126,inset 0 1px #ffffff26}[data-theme=dark] .auth-mobile-logo-icon{box-shadow:0 0 20px #6366f133}[data-theme=dark] .auth-password-toggle:hover{background-color:#ffffff0d}[data-theme=light] .auth-form-panel,:root:not([data-theme=dark]) .auth-form-panel{background-color:#fff;box-shadow:none}[data-theme=light] .auth-input,:root:not([data-theme=dark]) .auth-input{background-color:#fff;box-shadow:var(--shadow-xs)}[data-theme=light] .auth-container,:root:not([data-theme=dark]) .auth-container{box-shadow:0 25px 50px -12px #0f172a26;border:1px solid var(--border-primary)}.auth-form{animation:authFormEnter .5s var(--ease-out) forwards}@keyframes authFormEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-brand-content{animation:authBrandEnter .6s var(--ease-out) .1s both}@keyframes authBrandEnter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--color-primary)}.auth-form-shake{animation:shake .5s var(--ease-in-out)}@media(max-width:900px){.auth-container{max-width:480px;min-height:auto;margin:var(--space-4)}.auth-brand{display:none}.auth-form-panel{padding:var(--space-8) var(--space-6);border-radius:var(--radius-2xl)}.auth-mobile-logo{display:flex}[data-theme=dark] .auth-form-panel{border-left:none;border:1px solid rgba(99,102,241,.08)}[data-theme=light] .auth-container,:root:not([data-theme=dark]) .auth-container{border:none}}@media(max-width:480px){.auth-page{align-items:flex-start;padding-top:var(--space-8)}.auth-container{margin:var(--space-3);border-radius:var(--radius-xl)}.auth-form-panel{padding:var(--space-6) var(--space-5)}.auth-form-header{margin-bottom:var(--space-6)}.auth-form-title{font-size:var(--text-xl)}.auth-submit-btn,.auth-input{height:44px}}@media(min-height:800px){.auth-page{align-items:center}}@media(min-width:1200px){.auth-container{max-width:1100px}}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.auth-form-row{grid-template-columns:1fr;gap:var(--space-5)}}.dashboard-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6, 1.5rem);margin-bottom:var(--space-8, 2rem);padding:var(--space-6, 1.5rem) var(--space-8, 2rem);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #4338ca));border-radius:var(--radius-lg, 12px);color:#fff;position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;top:-40%;right:-10%;width:300px;height:300px;border-radius:50%;background:#ffffff14;pointer-events:none}.dashboard-welcome:after{content:"";position:absolute;bottom:-50%;right:15%;width:200px;height:200px;border-radius:50%;background:#ffffff0d;pointer-events:none}.dashboard-welcome-text{position:relative;z-index:1}.dashboard-welcome-title{font-size:var(--font-2xl, 1.5rem);font-weight:700;margin:0 0 var(--space-2, .5rem)}.dashboard-welcome-subtitle{font-size:var(--font-base, 1rem);opacity:.85;margin:0;line-height:1.6;max-width:520px;color:#fff}.dashboard-welcome-illustration{position:relative;z-index:1;flex-shrink:0;width:120px;height:120px;opacity:.9}.stat-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 1rem);margin-bottom:var(--space-8, 2rem)}.stat-card{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);padding:var(--space-5, 1.25rem) var(--space-5, 1.25rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:var(--space-3, .75rem);transition:box-shadow var(--transition-fast, .25s) ease,transform var(--transition-fast, .25s) ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-label{font-size:var(--font-sm, .875rem);color:var(--text-secondary);font-weight:500}.stat-card-icon{width:36px;height:36px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg, 1.125rem);flex-shrink:0}.stat-card-icon.performance{background-color:#22c55e1a;color:var(--color-success, #22c55e)}.stat-card-icon.seo{background-color:#3b82f61a;color:var(--color-info, #3b82f6)}.stat-card-icon.security{background-color:#f973161a;color:var(--color-warning, #f97316)}.stat-card-icon.accessibility{background-color:#a855f71a;color:#a855f7}.stat-card-value{font-size:var(--font-3xl, 1.875rem);font-weight:700;color:var(--text-primary);line-height:1}.stat-card-footer{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-xs, .75rem)}.stat-card-trend{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:9999px;font-weight:600;font-size:var(--font-xs, .75rem)}.stat-card-trend.up{background-color:#22c55e1a;color:var(--color-success, #22c55e)}.stat-card-trend.down{background-color:#ef44441a;color:var(--color-danger, #ef4444)}.stat-card-trend-label{color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6, 1.5rem);margin-bottom:var(--space-8, 2rem)}.dashboard-card{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);padding:var(--space-6, 1.5rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06))}.dashboard-card-full{grid-column:1 / -1}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5, 1.25rem)}.dashboard-card-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0}.dashboard-card-action{font-size:var(--font-sm, .875rem);color:var(--color-primary);font-weight:500;cursor:pointer;text-decoration:none;background:none;border:none;padding:var(--space-1, .25rem) var(--space-2, .5rem);border-radius:var(--radius-md, 8px);transition:background-color var(--transition-fast, .25s) ease}.dashboard-card-action:hover{background-color:var(--color-primary-light, rgba(99, 102, 241, .1))}.quick-start-section{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);padding:var(--space-6, 1.5rem) var(--space-8, 2rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));margin-bottom:var(--space-8, 2rem)}.quick-start-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.quick-start-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-5, 1.25rem)}.quick-start-form{display:flex;gap:var(--space-3, .75rem);align-items:stretch}.quick-start-input-wrapper{position:relative;flex:1}.quick-start-input{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem) var(--space-3, .75rem) var(--space-10, 2.5rem);border:2px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);font-size:var(--font-base, 1rem);color:var(--text-primary);background-color:var(--bg-primary);outline:none;transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}.quick-start-input::placeholder{color:var(--text-secondary);opacity:.5}.quick-start-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.quick-start-input-icon{position:absolute;left:var(--space-3, .75rem);top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5;pointer-events:none}.quick-start-btn{padding:var(--space-3, .75rem) var(--space-6, 1.5rem);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #4338ca));color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:var(--font-base, 1rem);font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2, .5rem);transition:opacity var(--transition-fast, .25s) ease,transform var(--transition-fast, .25s) ease}.quick-start-btn:hover{opacity:.92;transform:translateY(-1px)}.quick-start-btn:active{transform:translateY(0)}.quick-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.recent-analyses-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.recent-analysis-item{display:flex;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .06));cursor:pointer;transition:background-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;text-decoration:none;color:inherit}.recent-analysis-item:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.recent-analysis-favicon{width:32px;height:32px;border-radius:var(--radius-md, 8px);object-fit:cover;background-color:var(--bg-secondary);flex-shrink:0}.recent-analysis-info{flex:1;min-width:0}.recent-analysis-url{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-analysis-date{font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.recent-analysis-score{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm, .875rem);font-weight:700;flex-shrink:0;border:3px solid}.recent-analysis-score.score-high{color:var(--color-success, #22c55e);border-color:var(--color-success, #22c55e);background-color:#22c55e14}.recent-analysis-score.score-mid{color:var(--color-warning, #f97316);border-color:var(--color-warning, #f97316);background-color:#f9731614}.recent-analysis-score.score-low{color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444);background-color:#ef444414}.recent-analysis-arrow{color:var(--text-secondary);opacity:.3;font-size:var(--font-lg, 1.125rem);flex-shrink:0;transition:opacity var(--transition-fast, .25s) ease,transform var(--transition-fast, .25s) ease}.recent-analysis-item:hover .recent-analysis-arrow{opacity:.7;transform:translate(2px)}.dashboard-chart{width:100%;aspect-ratio:16 / 9;min-height:200px;max-height:350px;position:relative}.dashboard-chart canvas{width:100%!important;height:100%!important}.dashboard-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);opacity:.5;gap:var(--space-3, .75rem)}.dashboard-chart-placeholder-icon{font-size:var(--font-4xl, 2.25rem)}.dashboard-chart-placeholder-text{font-size:var(--font-sm, .875rem)}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16, 4rem) var(--space-8, 2rem);color:var(--text-secondary)}.dashboard-empty-icon{font-size:3rem;margin-bottom:var(--space-4, 1rem);opacity:.3}.dashboard-empty-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2, .5rem)}.dashboard-empty-description{font-size:var(--font-sm, .875rem);max-width:380px;margin:0 0 var(--space-6, 1.5rem);line-height:1.6}@media(max-width:1024px){.stat-cards-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;text-align:center;padding:var(--space-6, 1.5rem)}.dashboard-welcome-illustration{display:none}}@media(max-width:640px){.stat-cards-row{grid-template-columns:1fr 1fr;gap:var(--space-3, .75rem)}.stat-card{padding:var(--space-4, 1rem)}.stat-card-value{font-size:var(--font-2xl, 1.5rem)}.quick-start-section{padding:var(--space-4, 1rem)}.quick-start-form{flex-direction:column}.quick-start-btn{justify-content:center}.dashboard-welcome{padding:var(--space-4, 1rem)}.dashboard-welcome-title{font-size:var(--font-xl, 1.25rem)}.recent-analysis-date{display:none}}@media(max-width:400px){.stat-cards-row{grid-template-columns:1fr}}.analysis-header{display:flex;align-items:center;gap:var(--space-5, 1.25rem);padding:var(--space-6, 1.5rem) var(--space-6, 1.5rem);background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));margin-bottom:var(--space-6, 1.5rem)}.analysis-header-favicon{width:48px;height:48px;border-radius:var(--radius-md, 8px);object-fit:cover;background-color:var(--bg-secondary);flex-shrink:0}.analysis-header-info{flex:1;min-width:0}.analysis-header-site-name{font-size:var(--font-xl, 1.25rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.analysis-header-url{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-header-url a{color:var(--color-primary);text-decoration:none}.analysis-header-url a:hover{text-decoration:underline}.analysis-header-meta{display:flex;align-items:center;gap:var(--space-4, 1rem);flex-shrink:0}.analysis-header-date{font-size:var(--font-xs, .75rem);color:var(--text-secondary);white-space:nowrap}.analysis-header-status{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:600}.analysis-header-status.completed{background-color:#22c55e1a;color:var(--color-success, #22c55e)}.analysis-header-status.in-progress{background-color:#3b82f61a;color:var(--color-info, #3b82f6)}.analysis-header-status.failed{background-color:#ef44441a;color:var(--color-danger, #ef4444)}.analysis-header-status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.analysis-header-actions{display:flex;gap:var(--space-2, .5rem)}.analysis-header-btn{padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2, .5rem);border:1px solid var(--border-color, rgba(0, 0, 0, .08));background-color:var(--bg-card, #fff);color:var(--text-primary);transition:background-color var(--transition-fast, .25s) ease,border-color var(--transition-fast, .25s) ease}.analysis-header-btn:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04))}.analysis-header-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #4338ca));color:#fff;border-color:transparent}.analysis-header-btn.primary:hover{opacity:.92}.analysis-tabs{display:flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-1, .25rem);background-color:var(--bg-secondary);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-6, 1.5rem);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.analysis-tabs::-webkit-scrollbar{display:none}.analysis-tab{padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:calc(var(--radius-md, 8px) - 2px);font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;background:none;transition:color var(--transition-fast, .25s) ease,background-color var(--transition-fast, .25s) ease;display:flex;align-items:center;gap:var(--space-2, .5rem)}.analysis-tab:hover{color:var(--text-primary)}.analysis-tab.active{background-color:var(--bg-card, #fff);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.analysis-tab-count{padding:1px 6px;border-radius:9999px;font-size:var(--font-xs, .75rem);background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:600}.analysis-tab.active .analysis-tab-count{background-color:var(--color-primary-light, rgba(99, 102, 241, .1));color:var(--color-primary)}.analysis-content{display:flex;flex-direction:column;gap:var(--space-6, 1.5rem)}.score-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4, 1rem);margin-bottom:var(--space-6, 1.5rem)}.score-overview-card{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);padding:var(--space-5, 1.25rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3, .75rem)}.score-ring{position:relative;width:72px;height:72px}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--bg-secondary);stroke-width:6}.score-ring-progress{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.score-ring-progress.high{stroke:var(--color-success, #22c55e)}.score-ring-progress.mid{stroke:var(--color-warning, #f97316)}.score-ring-progress.low{stroke:var(--color-danger, #ef4444)}.score-ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl, 1.25rem);font-weight:700;color:var(--text-primary)}.score-overview-label{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.score-overview-sublabel{font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.issue-list{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.issue-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2, .5rem)}.issue-list-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0}.issue-list-count{font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.issue-list-filters{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-4, 1rem)}.issue-filter-btn{padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:500;border:1px solid var(--border-color, rgba(0, 0, 0, .08));background:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast, .25s) ease}.issue-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.issue-filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.issue-item{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .06));overflow:hidden;transition:box-shadow var(--transition-fast, .25s) ease}.issue-item:hover{box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.issue-item-header{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast, .25s) ease}.issue-item-header:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02))}.issue-item.expanded .issue-item-header{border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06))}.issue-severity{width:10px;height:10px;border-radius:50%;flex-shrink:0}.issue-severity.critical{background-color:var(--color-danger, #ef4444);box-shadow:0 0 0 3px #ef444426}.issue-severity.high{background-color:var(--color-warning, #f97316);box-shadow:0 0 0 3px #f9731626}.issue-severity.medium{background-color:#eab308;box-shadow:0 0 0 3px #eab30826}.issue-severity.low{background-color:var(--color-info, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.issue-severity.info{background-color:var(--text-secondary);box-shadow:0 0 0 3px #8080801a}.issue-severity-label{padding:2px 8px;border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.issue-severity-label.critical{background-color:#ef44441a;color:var(--color-danger, #ef4444)}.issue-severity-label.high{background-color:#f973161a;color:var(--color-warning, #f97316)}.issue-severity-label.medium{background-color:#eab3081a;color:#ca8a04}.issue-severity-label.low{background-color:#3b82f61a;color:var(--color-info, #3b82f6)}.issue-severity-label.info{background-color:var(--bg-secondary);color:var(--text-secondary)}.issue-item-title{flex:1;font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);min-width:0}.issue-item-category{font-size:var(--font-xs, .75rem);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.issue-item-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-xs, .75rem);flex-shrink:0;transition:transform var(--transition-fast, .25s) ease}.issue-item.expanded .issue-item-toggle{transform:rotate(180deg)}.issue-item-detail{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.issue-item.expanded .issue-item-detail{padding:var(--space-5, 1.25rem);max-height:1000px}.issue-item-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-4, 1rem)}.issue-item-code{background-color:var(--bg-secondary);border-radius:var(--radius-md, 8px);padding:var(--space-4, 1rem);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--font-xs, .75rem);line-height:1.6;overflow-x:auto;margin-bottom:var(--space-4, 1rem);color:var(--text-primary);border:1px solid var(--border-color, rgba(0, 0, 0, .06))}.issue-item-resources{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.issue-item-resource-link{font-size:var(--font-sm, .875rem);color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-2, .5rem)}.issue-item-resource-link:hover{text-decoration:underline}.recommendation-card{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);padding:var(--space-5, 1.25rem);border:1px solid var(--border-color, rgba(0, 0, 0, .06));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));display:flex;gap:var(--space-4, 1rem);transition:box-shadow var(--transition-fast, .25s) ease,transform var(--transition-fast, .25s) ease}.recommendation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.recommendation-card-icon{width:40px;height:40px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg, 1.125rem);flex-shrink:0;background-color:var(--color-primary-light, rgba(99, 102, 241, .1));color:var(--color-primary)}.recommendation-card-icon.success{background-color:#22c55e1a;color:var(--color-success, #22c55e)}.recommendation-card-icon.warning{background-color:#f973161a;color:var(--color-warning, #f97316)}.recommendation-card-icon.danger{background-color:#ef44441a;color:var(--color-danger, #ef4444)}.recommendation-card-body{flex:1;min-width:0}.recommendation-card-title{font-size:var(--font-base, 1rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2, .5rem)}.recommendation-card-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-3, .75rem);line-height:1.6}.recommendation-card-impact{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:2px 10px;border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:600}.recommendation-card-impact.high-impact{background-color:#22c55e1a;color:var(--color-success, #22c55e)}.recommendation-card-impact.medium-impact{background-color:#eab3081a;color:#ca8a04}.recommendation-card-impact.low-impact{background-color:var(--bg-secondary);color:var(--text-secondary)}.analysis-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16, 4rem) var(--space-8, 2rem);text-align:center}.analysis-progress-spinner{width:64px;height:64px;border:4px solid var(--bg-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:analysis-spin 1s linear infinite;margin-bottom:var(--space-6, 1.5rem)}@keyframes analysis-spin{to{transform:rotate(360deg)}}.analysis-progress-title{font-size:var(--font-xl, 1.25rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2, .5rem)}.analysis-progress-subtitle{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-6, 1.5rem);max-width:400px}.analysis-progress-bar-wrapper{width:100%;max-width:480px;margin-bottom:var(--space-4, 1rem)}.analysis-progress-bar-track{width:100%;height:8px;border-radius:9999px;background-color:var(--bg-secondary);overflow:hidden}.analysis-progress-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark, #4338ca));transition:width .5s ease;position:relative}.analysis-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:analysis-shimmer 1.5s infinite}@keyframes analysis-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.analysis-progress-percentage{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.analysis-progress-steps{display:flex;flex-direction:column;gap:var(--space-2, .5rem);width:100%;max-width:360px;text-align:left;margin-top:var(--space-6, 1.5rem)}.analysis-progress-step{display:flex;align-items:center;gap:var(--space-3, .75rem);font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.analysis-progress-step.completed{color:var(--color-success, #22c55e)}.analysis-progress-step.active{color:var(--color-primary);font-weight:600}.analysis-progress-step-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analysis-progress-step.active .analysis-progress-step-icon{animation:analysis-pulse 1.5s ease-in-out infinite}@keyframes analysis-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:1024px){.analysis-header{flex-wrap:wrap}.analysis-header-meta{width:100%;justify-content:flex-start;margin-top:var(--space-2, .5rem)}.score-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.analysis-header{flex-direction:column;align-items:flex-start;padding:var(--space-4, 1rem)}.analysis-header-favicon{width:40px;height:40px}.analysis-header-actions{width:100%}.analysis-header-btn{flex:1;justify-content:center}.analysis-tabs{gap:0}.analysis-tab{padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-xs, .75rem)}.score-overview{grid-template-columns:1fr 1fr;gap:var(--space-3, .75rem)}.score-overview-card{padding:var(--space-4, 1rem)}.score-ring{width:56px;height:56px}.score-ring-value{font-size:var(--font-base, 1rem)}.issue-item-header{padding:var(--space-3, .75rem)}.issue-item-category{display:none}.recommendation-card{flex-direction:column}.analysis-progress{padding:var(--space-8, 2rem) var(--space-4, 1rem)}}.analysis-page{max-width:1100px;margin:0 auto;padding:var(--space-6, 1.5rem)}.analysis-page-header{margin-bottom:var(--space-8, 2rem)}.analysis-page-title{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2, .5rem)}.analysis-page-subtitle{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;line-height:1.6}.analysis-back-link{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-sm, .875rem);color:var(--color-primary);text-decoration:none;font-weight:500;margin-bottom:var(--space-6, 1.5rem);padding:var(--space-1, .25rem) 0;transition:opacity .2s ease}.analysis-back-link:hover{opacity:.75}.analysis-score-hero{display:flex;justify-content:center;margin-bottom:var(--space-8, 2rem)}.analysis-category-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4, 1rem);margin-bottom:var(--space-8, 2rem)}.analysis-category-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem)}.analysis-category-info{display:flex;align-items:center;gap:var(--space-3, .75rem);min-width:0}.analysis-category-icon{color:var(--color-primary);flex-shrink:0}.analysis-category-label{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);white-space:nowrap}.analysis-category-text{display:flex;flex-direction:column;min-width:0}.analysis-category-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin-top:2px;line-height:1.4}.analysis-category-right{display:flex;align-items:center;gap:var(--space-3, .75rem);flex-shrink:0}.category-status-icon.category-status-pass{color:var(--color-success, #22c55e)}.category-status-icon.category-status-warning{color:var(--color-warning, #f97316)}.analysis-section-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0}.analysis-filter-bar{display:flex;align-items:center;gap:var(--space-4, 1rem);margin-bottom:var(--space-6, 1.5rem);flex-wrap:wrap}.analysis-filter-label{font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-secondary)}.analysis-filter-buttons{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap}.analysis-filter-btn{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);background-color:var(--bg-card, #fff);color:var(--text-secondary);font-size:var(--font-sm, .875rem);cursor:pointer;transition:all .2s ease}.analysis-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.analysis-filter-btn-active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.analysis-filter-btn-active:hover{color:#fff;opacity:.9}.analysis-issues-group{margin-bottom:var(--space-8, 2rem)}.analysis-issues-group-title{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-base, 1rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4, 1rem)}.analysis-issues-group-title.severity-critical{color:var(--color-danger, #ef4444)}.analysis-issues-group-title.severity-warning{color:var(--color-warning, #f97316)}.analysis-issues-group-title.severity-info{color:var(--text-secondary)}.analysis-issues-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.analysis-issue-card{background-color:var(--bg-card, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:var(--radius-md, 8px);overflow:hidden;transition:box-shadow .2s ease}.analysis-issue-card:hover{box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.analysis-issue-card-expanded{border-color:var(--color-primary-light, rgba(99, 102, 241, .3))}.analysis-issue-header{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);cursor:pointer;-webkit-user-select:none;user-select:none}.analysis-issue-info{flex:1;min-width:0}.analysis-issue-title{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);display:block}.analysis-issue-affected{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin-top:2px;display:block}.analysis-issue-chevron{color:var(--text-secondary);flex-shrink:0}.analysis-issue-details{padding:0 var(--space-4, 1rem) var(--space-4, 1rem);padding-left:calc(var(--space-4, 1rem) + 18px + var(--space-3, .75rem));border-top:1px solid var(--border-color, rgba(0, 0, 0, .06));animation:issueSlideDown .2s ease}@keyframes issueSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.analysis-issue-detail-section{margin-top:var(--space-3, .75rem)}.analysis-issue-detail-label{font-size:var(--font-xs, .75rem);font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin:0 0 var(--space-1, .25rem)}.analysis-issue-detail-text{font-size:var(--font-sm, .875rem);color:var(--text-primary);margin:0;line-height:1.6}.analysis-issue-recommendation{background-color:#22c55e0d;border-left:3px solid var(--color-success, #22c55e);padding:var(--space-3, .75rem);border-radius:0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0}.analysis-issue-affected-pages{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);margin-top:var(--space-1, .25rem)}.issue-icon{flex-shrink:0}.issue-icon-critical{color:var(--color-danger, #ef4444)}.issue-icon-warning{color:var(--color-warning, #f97316)}.issue-icon-info{color:var(--color-info, #3b82f6)}.analysis-url-card{margin-bottom:var(--space-6, 1.5rem)}.analysis-url-input-wrapper{position:relative;display:flex;align-items:center}.analysis-url-icon{position:absolute;left:var(--space-4, 1rem);color:var(--text-secondary);opacity:.5;pointer-events:none}.analysis-url-input{width:100%;padding:var(--space-4, 1rem) var(--space-4, 1rem) var(--space-4, 1rem) calc(var(--space-4, 1rem) + 30px);border:2px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);font-size:var(--font-lg, 1.125rem);color:var(--text-primary);background-color:var(--bg-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.analysis-url-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.analysis-url-input::placeholder{color:var(--text-secondary);opacity:.5}.analysis-options-card{margin-bottom:var(--space-6, 1.5rem)}.analysis-options-title{font-size:var(--font-base, 1rem);font-weight:600;color:var(--text-primary);margin:0}.analysis-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3, .75rem)}.analysis-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, .75rem) var(--space-4, 1rem);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.analysis-option:hover{border-color:var(--color-primary-light, rgba(99, 102, 241, .3))}.analysis-option-active{background-color:#6366f10a;border-color:var(--color-primary-light, rgba(99, 102, 241, .3))}.analysis-option-header{display:flex;align-items:center;gap:var(--space-3, .75rem)}.analysis-option-icon{color:var(--color-primary)}.analysis-option-label{font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-primary)}.analysis-toggle-wrapper{position:relative;width:44px;height:24px;flex-shrink:0}.analysis-toggle-input{opacity:0;width:0;height:0;position:absolute}.analysis-toggle-slider{position:absolute;inset:0;background-color:var(--border-color, #cbd5e1);border-radius:999px;cursor:pointer;transition:background-color .3s ease}.analysis-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #00000026}.analysis-toggle-input:checked+.analysis-toggle-slider{background-color:var(--color-primary)}.analysis-toggle-input:checked+.analysis-toggle-slider:before{transform:translate(20px)}.analysis-depth-card{margin-bottom:var(--space-6, 1.5rem)}.analysis-depth-selector{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.analysis-depth-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;line-height:1.6}.analysis-depth-options{display:flex;gap:var(--space-2, .5rem)}.analysis-depth-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);background-color:var(--bg-card, #fff);color:var(--text-primary);font-size:var(--font-lg, 1.125rem);font-weight:600;cursor:pointer;transition:all .2s ease}.analysis-depth-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.analysis-depth-btn-active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.analysis-depth-label{font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.analysis-submit-section{display:flex;justify-content:center;padding:var(--space-8, 2rem) 0}.analysis-progress-card{max-width:600px;margin:var(--space-8, 2rem) auto}.analysis-progress-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-5, 1.25rem);padding:var(--space-4, 1rem)}.analysis-progress-header{display:flex;align-items:center;gap:var(--space-4, 1rem)}.analysis-progress-card .analysis-progress-spinner{animation:pageSpin 1s linear infinite;color:var(--color-primary);width:auto;height:auto;border:none}@keyframes pageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-progress-info{text-align:left}.analysis-progress-card .analysis-progress-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0;padding:0}.analysis-progress-url{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:var(--space-1, .25rem) 0 0}.analysis-progress-card .analysis-progress-bar-wrapper{width:100%;display:flex;align-items:center;gap:var(--space-3, .75rem);max-width:none;margin-bottom:0}.analysis-progress-bar{flex:1;height:8px;background-color:var(--border-color, rgba(0, 0, 0, .08));border-radius:999px;overflow:hidden}.analysis-progress-card .analysis-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark, #4338ca));border-radius:999px;transition:width .5s ease;position:relative}.analysis-progress-card .analysis-progress-percentage{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.analysis-progress-card .analysis-progress-step{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;text-align:center;display:block;padding:0}.analysis-progress-actions{margin-top:var(--space-2, .5rem)}.results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6, 1.5rem);margin-bottom:var(--space-8, 2rem);padding:var(--space-6, 1.5rem);background-color:var(--bg-card, #fff);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, rgba(0, 0, 0, .06));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.results-header-info{flex:1;min-width:0}.results-header-url-row{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.results-header-icon{color:var(--color-primary);flex-shrink:0}.results-header-url{font-size:var(--font-xl, 1.25rem);font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-external-link{color:var(--text-secondary);opacity:.5;transition:opacity .2s}.results-external-link:hover{opacity:1;color:var(--color-primary)}.results-header-meta{display:flex;align-items:center;gap:var(--space-4, 1rem);flex-wrap:wrap}.results-header-date{display:flex;align-items:center;gap:var(--space-1, .25rem);font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.results-header-score{flex-shrink:0}.results-scores-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4, 1rem);margin-bottom:var(--space-8, 2rem)}.results-score-card{display:flex;align-items:center;justify-content:center;padding:var(--space-4, 1rem);background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .06));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.results-tabs{display:flex;gap:var(--space-1, .25rem);margin-bottom:var(--space-8, 2rem);padding:var(--space-1, .25rem);background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .06));overflow-x:auto}.results-tab{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-sm, 4px);font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;white-space:nowrap}.results-tab:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .03));color:var(--text-primary)}.results-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 1rem);margin-bottom:var(--space-8, 2rem)}.results-summary-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-4, 1rem);background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .06))}.results-summary-stat-value{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary)}.results-summary-stat-danger{color:var(--color-danger, #ef4444)}.results-summary-stat-warning{color:var(--color-warning, #f97316)}.results-summary-stat-success{color:var(--color-success, #22c55e)}.results-summary-stat-label{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin-top:var(--space-1, .25rem)}.results-issues-card{margin-bottom:var(--space-6, 1.5rem)}.results-section-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0}.results-issues-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.results-issue-item{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:var(--radius-md, 8px);transition:background-color .2s ease}.results-issue-item:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02))}.results-issue-content{flex:1;min-width:0}.results-issue-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);margin-bottom:var(--space-1, .25rem)}.results-issue-title{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.results-issue-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:0;line-height:1.5}.results-issue-arrow{color:var(--text-secondary);opacity:.3;flex-shrink:0;margin-top:var(--space-1, .25rem)}.results-actions{display:flex;gap:var(--space-3, .75rem);margin-top:var(--space-6, 1.5rem);flex-wrap:wrap}.page-list-filters-card{margin-bottom:var(--space-6, 1.5rem)}.page-list-filters{display:flex;align-items:center;gap:var(--space-4, 1rem);flex-wrap:wrap}.page-list-search{position:relative;flex:1;min-width:200px}.page-list-search-icon{position:absolute;left:var(--space-3, .75rem);top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5}.page-list-search-input{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem) var(--space-2, .5rem) calc(var(--space-3, .75rem) + 24px);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);color:var(--text-primary);background-color:var(--bg-primary);outline:none;box-sizing:border-box}.page-list-search-input:focus{border-color:var(--color-primary)}.page-list-filter-group{display:flex;align-items:center;gap:var(--space-2, .5rem);color:var(--text-secondary)}.page-list-select{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);color:var(--text-primary);background-color:var(--bg-card, #fff);outline:none;cursor:pointer}.page-list-table-card{overflow:hidden}.page-list-table-wrapper{overflow-x:auto}.page-list-table{width:100%;border-collapse:collapse}.page-list-th{padding:var(--space-3, .75rem) var(--space-4, 1rem);text-align:left;font-size:var(--font-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border-color, rgba(0, 0, 0, .08));white-space:nowrap}.page-list-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.page-list-th-sortable:hover{color:var(--color-primary)}.page-list-th-center{text-align:center}.sort-icon{vertical-align:middle;margin-left:4px}.sort-icon-inactive{opacity:.3}.page-list-row{border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .04));transition:background-color .15s ease;cursor:pointer}.page-list-row:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02))}.page-list-td{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--font-sm, .875rem);color:var(--text-primary)}.page-list-td-center{text-align:center}.page-list-td-title{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-list-url-cell{display:flex;align-items:center;gap:var(--space-2, .5rem)}.page-list-url-icon{color:var(--text-secondary);flex-shrink:0}.page-list-url-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.page-list-no-title{color:var(--text-secondary);font-style:italic}.page-list-load-fast{color:var(--color-success, #22c55e);font-weight:600}.page-list-load-medium{color:var(--color-warning, #f97316);font-weight:600}.page-list-load-slow{color:var(--color-danger, #ef4444);font-weight:600}.page-list-issues-count{font-weight:600;color:var(--color-warning, #f97316)}.page-list-issues-none{color:var(--text-secondary);opacity:.5}.page-list-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12, 3rem);color:var(--text-secondary);gap:var(--space-3, .75rem)}.error-list-filters-card{margin-bottom:var(--space-6, 1.5rem)}.error-list-filters{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.error-list-search{position:relative}.error-list-search-icon{position:absolute;left:var(--space-3, .75rem);top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5}.error-list-search-input{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem) var(--space-2, .5rem) calc(var(--space-3, .75rem) + 24px);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);color:var(--text-primary);background-color:var(--bg-primary);outline:none;box-sizing:border-box}.error-list-search-input:focus{border-color:var(--color-primary)}.error-list-filter-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem);flex-wrap:wrap}.error-list-severity-filters{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap}.error-list-right-filters{display:flex;align-items:center;gap:var(--space-3, .75rem)}.error-list-view-toggle{display:flex;border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);overflow:hidden}.error-list-view-btn{padding:var(--space-2, .5rem);border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.error-list-view-btn:first-child{border-right:1px solid var(--border-color, rgba(0, 0, 0, .08))}.error-list-view-btn.active{background-color:var(--color-primary);color:#fff}.error-list-items{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.error-list-card{transition:box-shadow .2s ease}.error-list-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07))}.error-list-item{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.error-list-item-header{display:flex;align-items:flex-start;gap:var(--space-3, .75rem)}.error-list-item-info{flex:1;min-width:0}.error-list-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);margin-bottom:var(--space-1, .25rem);flex-wrap:wrap}.error-list-item-title{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.error-list-item-badges{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap}.error-list-item-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;line-height:1.5}.error-list-item-details{display:flex;flex-direction:column;gap:var(--space-2, .5rem);padding-left:calc(18px + var(--space-3, .75rem))}.error-list-item-detail{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.error-list-item-detail-label{font-weight:600;white-space:nowrap}.error-list-item-detail-value{color:var(--text-primary)}.error-list-item-suggestion{background-color:#22c55e0a;padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-sm, 4px);border-left:2px solid var(--color-success, #22c55e)}.error-list-item-compact{display:flex;align-items:center;gap:var(--space-3, .75rem)}.error-list-item-compact-info{flex:1;display:flex;align-items:center;gap:var(--space-3, .75rem);min-width:0}.error-list-item-code{font-size:var(--font-xs, .75rem);color:var(--text-secondary);font-family:monospace}.error-list-grouped{display:flex;flex-direction:column;gap:var(--space-8, 2rem)}.error-list-group-title{font-size:var(--font-base, 1rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3, .75rem)}.error-list-group-items{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.error-list-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12, 3rem);color:var(--text-secondary);gap:var(--space-3, .75rem);text-align:center}.mobile-preview-card{margin-bottom:var(--space-8, 2rem)}.mobile-preview-container{display:flex;justify-content:center;padding:var(--space-8, 2rem) 0}.mobile-preview-device{width:200px;background-color:#1a1a2e;border-radius:24px;padding:8px;box-shadow:0 8px 30px #00000026;position:relative}.mobile-preview-notch{width:80px;height:20px;background-color:#1a1a2e;border-radius:0 0 12px 12px;margin:0 auto;position:relative;z-index:2}.mobile-preview-screen{background-color:var(--bg-card, #fff);border-radius:16px;min-height:350px;display:flex;align-items:center;justify-content:center;margin-top:-8px}.mobile-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem);color:var(--text-secondary);opacity:.5;padding:var(--space-4, 1rem);text-align:center}.mobile-preview-placeholder-text{font-size:var(--font-sm, .875rem);margin:0}.mobile-preview-placeholder-subtext{font-size:var(--font-xs, .75rem)}.mobile-preview-home-bar{width:60px;height:4px;background-color:#ffffff4d;border-radius:999px;margin:8px auto 4px}.mobile-issues-card{margin-bottom:var(--space-6, 1.5rem)}.performance-section{margin-bottom:var(--space-8, 2rem)}.performance-vitals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4, 1rem);margin-top:var(--space-4, 1rem)}.performance-vital-header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.performance-vital-icon{color:var(--color-primary)}.performance-vital-label{font-size:var(--font-xs, .75rem);font-weight:500;color:var(--text-secondary)}.performance-vital-value-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2, .5rem)}.performance-vital-value{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary)}.performance-vital-footer{margin-bottom:var(--space-2, .5rem)}.performance-vital-target{font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.performance-vital-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:0;line-height:1.5}.performance-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4, 1rem);margin-top:var(--space-4, 1rem)}.performance-resource-header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-4, 1rem)}.performance-resource-icon{color:var(--color-primary)}.performance-resource-type{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);flex:1}.performance-resource-sizes{display:flex;justify-content:space-between;margin-bottom:var(--space-3, .75rem)}.performance-resource-size-item{display:flex;flex-direction:column;gap:2px}.performance-resource-size-label{font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.performance-resource-size-value{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.performance-resource-optimized{color:var(--color-success, #22c55e)}.performance-resource-savings{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.performance-resource-bar{width:100%;height:6px;background-color:var(--border-color, rgba(0, 0, 0, .08));border-radius:999px;overflow:hidden}.performance-resource-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-success, #22c55e),#86efac);border-radius:999px;transition:width .5s ease}.performance-resource-savings-text{display:flex;align-items:center;gap:var(--space-1, .25rem);font-size:var(--font-xs, .75rem);color:var(--color-success, #22c55e);font-weight:500}.performance-suggestions-list{display:flex;flex-direction:column;gap:var(--space-3, .75rem);margin-top:var(--space-4, 1rem)}.performance-suggestion-header{display:flex;align-items:flex-start;gap:var(--space-3, .75rem)}.performance-suggestion-icon{flex-shrink:0;margin-top:2px}.performance-suggestion-icon.priority-high{color:var(--color-danger, #ef4444)}.performance-suggestion-icon.priority-medium{color:var(--color-warning, #f97316)}.performance-suggestion-icon.priority-low{color:var(--text-secondary)}.performance-suggestion-info{flex:1;min-width:0}.performance-suggestion-title{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-1, .25rem)}.performance-suggestion-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;line-height:1.5}.performance-suggestion-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2, .5rem);flex-shrink:0}.performance-suggestion-impact{font-size:var(--font-xs, .75rem);color:var(--color-success, #22c55e);font-weight:500}.security-ssl-card{margin-bottom:var(--space-6, 1.5rem)}.security-ssl-header{display:flex;align-items:center;gap:var(--space-3, .75rem)}.security-ssl-icon{color:var(--color-success, #22c55e)}.security-ssl-details{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.security-ssl-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 1rem)}.security-ssl-detail{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.security-ssl-detail-label{display:flex;align-items:center;gap:var(--space-1, .25rem);font-size:var(--font-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.security-ssl-detail-value{font-size:var(--font-sm, .875rem);color:var(--text-primary);font-weight:500}.security-headers-card{margin-bottom:var(--space-6, 1.5rem)}.security-headers-header{display:flex;align-items:center;justify-content:space-between;width:100%}.security-headers-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.security-header-item{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, rgba(0, 0, 0, .06));transition:background-color .2s ease}.security-header-item:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02))}.security-header-present{border-left:3px solid var(--color-success, #22c55e)}.security-header-missing{border-left:3px solid var(--color-danger, #ef4444)}.security-header-status{flex-shrink:0;padding-top:2px}.security-header-icon-pass{color:var(--color-success, #22c55e)}.security-header-icon-fail{color:var(--color-danger, #ef4444)}.security-header-info{flex:1;min-width:0}.security-header-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);margin-bottom:var(--space-1, .25rem)}.security-header-name{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);font-family:monospace}.security-header-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:0 0 var(--space-2, .5rem);line-height:1.5}.security-header-value{display:inline-block;padding:2px 8px;background-color:var(--bg-hover, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px);font-size:var(--font-xs, .75rem);color:var(--text-secondary);word-break:break-all}.security-issues-card{margin-bottom:var(--space-6, 1.5rem)}.security-issue-item{padding:var(--space-4, 1rem);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:var(--radius-md, 8px);margin-bottom:var(--space-3, .75rem)}.security-issue-item:last-child{margin-bottom:0}.security-issue-header{display:flex;align-items:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-3, .75rem)}.security-issue-info{display:flex;align-items:center;gap:var(--space-3, .75rem);flex:1}.security-issue-title{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.security-issue-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-3, .75rem);line-height:1.6}.security-issue-recommendation{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);font-size:var(--font-sm, .875rem);color:var(--text-primary);background-color:#22c55e0a;padding:var(--space-3, .75rem);border-radius:var(--radius-sm, 4px);border-left:3px solid var(--color-success, #22c55e);line-height:1.5}.security-issue-rec-icon{color:var(--color-success, #22c55e);flex-shrink:0;margin-top:2px}@media(max-width:1024px){.results-scores-row{grid-template-columns:repeat(3,1fr)}.results-summary-row{grid-template-columns:repeat(2,1fr)}.results-header{flex-direction:column;align-items:center;text-align:center}.results-header-meta{justify-content:center}.security-ssl-detail-row{grid-template-columns:1fr}}@media(max-width:768px){.analysis-page{padding:var(--space-4, 1rem)}.results-scores-row{grid-template-columns:repeat(2,1fr)}.results-tabs{-webkit-overflow-scrolling:touch}.analysis-options-grid,.performance-vitals-grid,.performance-resources-grid{grid-template-columns:1fr}.results-actions{flex-direction:column}}@media(max-width:480px){.results-scores-row,.results-summary-row{grid-template-columns:1fr 1fr}.analysis-category-scores{grid-template-columns:1fr}}.report-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6, 1.5rem)}.report-header{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));overflow:hidden}.report-header-top{display:flex;align-items:center;gap:var(--space-5, 1.25rem);padding:var(--space-6, 1.5rem) var(--space-8, 2rem);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06))}.report-header-favicon{width:48px;height:48px;border-radius:var(--radius-md, 8px);object-fit:cover;background-color:var(--bg-secondary);flex-shrink:0}.report-header-site-name{font-size:var(--font-xl, 1.25rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.report-header-url{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-header-generated{font-size:var(--font-xs, .75rem);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.report-header-badge{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:600;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #4338ca));color:#fff}.report-header-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.report-header-score-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-5, 1.25rem) var(--space-4, 1rem);text-align:center;border-right:1px solid var(--border-color, rgba(0, 0, 0, .06));gap:var(--space-2, .5rem)}.report-header-score-item:last-child{border-right:none}.report-header-score-value{font-size:var(--font-3xl, 1.875rem);font-weight:700;line-height:1}.report-header-score-value.high{color:var(--color-success, #22c55e)}.report-header-score-value.mid{color:var(--color-warning, #f97316)}.report-header-score-value.low{color:var(--color-danger, #ef4444)}.report-header-score-label{font-size:var(--font-xs, .75rem);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.report-summary{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);padding:var(--space-6, 1.5rem) var(--space-8, 2rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06))}.report-summary-title{font-size:var(--font-lg, 1.125rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4, 1rem);display:flex;align-items:center;gap:var(--space-2, .5rem)}.report-summary-text{font-size:var(--font-base, 1rem);color:var(--text-secondary);line-height:1.75;margin:0}.report-summary-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4, 1rem);margin-top:var(--space-5, 1.25rem);padding-top:var(--space-5, 1.25rem);border-top:1px solid var(--border-color, rgba(0, 0, 0, .06))}.report-summary-highlight{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1, .25rem)}.report-summary-highlight-value{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary)}.report-summary-highlight-label{font-size:var(--font-xs, .75rem);color:var(--text-secondary);font-weight:500}.report-section{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));overflow:hidden}.report-section-title{font-size:var(--font-lg, 1.125rem);font-weight:700;color:var(--text-primary);margin:0;padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06));display:flex;align-items:center;gap:var(--space-3, .75rem)}.report-section-title-icon{width:28px;height:28px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm, .875rem);flex-shrink:0}.report-section-title-icon.performance{background-color:#22c55e1a;color:var(--color-success, #22c55e)}.report-section-title-icon.seo{background-color:#3b82f61a;color:var(--color-info, #3b82f6)}.report-section-title-icon.security{background-color:#f973161a;color:var(--color-warning, #f97316)}.report-section-title-icon.accessibility{background-color:#a855f71a;color:#a855f7}.report-section-body{padding:var(--space-6, 1.5rem);display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.report-section-text{font-size:var(--font-sm, .875rem);color:var(--text-secondary);line-height:1.7;margin:0}.ai-insight-card{position:relative;border-radius:var(--radius-md, 8px);padding:2px;background:linear-gradient(135deg,var(--color-primary),#a855f7,#ec4899,var(--color-primary));background-size:300% 300%;animation:ai-gradient-shift 6s ease infinite}@keyframes ai-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-insight-card-inner{background-color:var(--bg-card, #fff);border-radius:calc(var(--radius-md, 8px) - 2px);padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem)}.ai-insight-card-header{display:flex;align-items:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-3, .75rem)}.ai-insight-card-badge{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:2px 10px;border-radius:9999px;font-size:var(--font-xs, .75rem);font-weight:600;background:linear-gradient(135deg,var(--color-primary),#a855f7);color:#fff}.ai-insight-card-type{font-size:var(--font-xs, .75rem);color:var(--text-secondary);font-weight:500}.ai-insight-card-title{font-size:var(--font-base, 1rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3, .75rem)}.ai-insight-card-text{font-size:var(--font-sm, .875rem);color:var(--text-secondary);line-height:1.7;margin:0}.ai-insight-card-actions{display:flex;gap:var(--space-2, .5rem);margin-top:var(--space-4, 1rem)}.ai-insight-card-action-btn{padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:var(--radius-md, 8px);font-size:var(--font-xs, .75rem);font-weight:500;border:1px solid var(--border-color, rgba(0, 0, 0, .08));background:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast, .25s) ease}.ai-insight-card-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light, rgba(99, 102, 241, .05))}.report-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06))}.report-actions-left{font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.report-actions-right{display:flex;gap:var(--space-2, .5rem)}.report-action-btn{padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2, .5rem);transition:all var(--transition-fast, .25s) ease}.report-action-btn.secondary{background:none;border:1px solid var(--border-color, rgba(0, 0, 0, .08));color:var(--text-primary)}.report-action-btn.secondary:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04));border-color:var(--border-color, rgba(0, 0, 0, .12))}.report-action-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #4338ca));color:#fff;border:none}.report-action-btn.primary:hover{opacity:.92;transform:translateY(-1px)}.report-action-btn.primary:active{transform:translateY(0)}.report-table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:var(--font-sm, .875rem)}.report-table th{text-align:left;padding:var(--space-3, .75rem) var(--space-4, 1rem);font-weight:600;color:var(--text-secondary);font-size:var(--font-xs, .75rem);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06));white-space:nowrap}.report-table td{padding:var(--space-3, .75rem) var(--space-4, 1rem);color:var(--text-primary);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .04))}.report-table tbody tr:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02))}.report-table tbody tr:last-child td{border-bottom:none}@media print{.report-container{max-width:100%;gap:1rem}.report-actions{display:none}.report-header,.report-summary,.report-section,.ai-insight-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid;page-break-inside:avoid}.ai-insight-card{background:none;padding:0;border:1px solid #ddd;border-radius:var(--radius-md, 8px)}.ai-insight-card-inner{border-radius:0}.ai-insight-card-action-btn{display:none}.report-header-score-value.high{color:#16a34a}.report-header-score-value.mid{color:#ea580c}.report-header-score-value.low{color:#dc2626}.report-section-title{background-color:#f5f5f5}@page{margin:1.5cm;size:A4}body{font-size:11pt;color:#000;background:#fff}}@media(max-width:1024px){.report-header-top{padding:var(--space-5, 1.25rem)}.report-header-scores{grid-template-columns:repeat(2,1fr)}.report-header-score-item:nth-child(2){border-right:none}.report-header-score-item:nth-child(-n+2){border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06))}.report-summary-highlights{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.report-header-top{flex-direction:column;align-items:flex-start;padding:var(--space-4, 1rem)}.report-header-generated{margin-top:var(--space-2, .5rem)}.report-header-scores{grid-template-columns:1fr 1fr}.report-header-score-item{padding:var(--space-4, 1rem)}.report-header-score-value{font-size:var(--font-2xl, 1.5rem)}.report-summary{padding:var(--space-4, 1rem)}.report-summary-highlights{grid-template-columns:1fr;gap:var(--space-3, .75rem)}.report-summary-highlight{flex-direction:row;justify-content:space-between;text-align:left}.report-section-body,.report-section-title,.ai-insight-card-inner{padding:var(--space-4, 1rem)}.report-actions{flex-direction:column;text-align:center}.report-actions-right{width:100%}.report-action-btn{flex:1;justify-content:center}}.report-page{max-width:900px;margin:0 auto;padding:var(--space-6, 1.5rem)}.report-page .report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6, 1.5rem);margin-bottom:var(--space-8, 2rem);padding:var(--space-6, 1.5rem) var(--space-8, 2rem);flex-wrap:wrap}.report-header-info{flex:1;min-width:0}.report-page .report-header-badge{margin-bottom:var(--space-3, .75rem)}.report-header-title{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3, .75rem)}.report-header-meta{display:flex;align-items:center;gap:var(--space-4, 1rem);flex-wrap:wrap}.report-header-meta-item{display:flex;align-items:center;gap:var(--space-1, .25rem);font-size:var(--font-sm, .875rem);color:var(--text-secondary)}.report-header-actions{display:flex;gap:var(--space-3, .75rem);flex-shrink:0}.report-sections{display:flex;flex-direction:column;gap:var(--space-6, 1.5rem);margin-bottom:var(--space-8, 2rem)}.report-section-card{overflow:visible}.report-section-header{display:flex;align-items:center;gap:var(--space-3, .75rem)}.report-section-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px);background:linear-gradient(135deg,var(--color-primary),#a855f7);color:#fff;flex-shrink:0}.report-section-icon{color:#fff}.report-page .report-section-title{flex:1;border-bottom:none;padding:0;font-size:var(--font-lg, 1.125rem);font-weight:700;color:var(--text-primary);margin:0;display:inline}.report-ai-badge{color:var(--color-primary);opacity:.4;flex-shrink:0}.report-section-content{line-height:1.8}.report-content-paragraph{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-2, .5rem);line-height:1.8}.report-content-heading{font-size:var(--font-sm, .875rem);font-weight:700;color:var(--text-primary);margin:var(--space-4, 1rem) 0 var(--space-2, .5rem);letter-spacing:.5px}.report-content-list-item{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);font-size:var(--font-sm, .875rem);color:var(--text-secondary);padding:var(--space-1, .25rem) 0;padding-left:var(--space-3, .75rem);line-height:1.6}.report-list-bullet{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0;margin-top:8px}.report-checklist-checkbox{margin-top:4px;accent-color:var(--color-primary);flex-shrink:0}.report-content-numbered{font-size:var(--font-sm, .875rem);color:var(--text-primary);font-weight:500;padding:var(--space-2, .5rem) 0;line-height:1.6}.report-footer-actions{display:flex;gap:var(--space-3, .75rem);justify-content:center;padding:var(--space-6, 1.5rem) 0;flex-wrap:wrap}@media(max-width:768px){.report-page{padding:var(--space-4, 1rem)}.report-page .report-header{flex-direction:column;padding:var(--space-4, 1rem)}.report-header-actions{width:100%;flex-direction:column}.report-footer-actions{flex-direction:column}}.settings-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6, 1.5rem)}.settings-section{background-color:var(--bg-card, #fff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .06));overflow:hidden}.settings-section-header{padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06))}.settings-section-title{font-size:var(--font-lg, 1.125rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.settings-section-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;line-height:1.6}.settings-section-body{padding:var(--space-6, 1.5rem);display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.settings-section-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border-top:1px solid var(--border-color, rgba(0, 0, 0, .06));background-color:var(--bg-secondary)}.settings-form{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.settings-form-group{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 1rem)}.settings-form-label{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.settings-form-label-optional{font-weight:400;color:var(--text-secondary);margin-left:var(--space-1, .25rem)}.settings-form-hint{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:0;line-height:1.5}.settings-form-input{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);outline:none;transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}.settings-form-input::placeholder{color:var(--text-secondary);opacity:.5}.settings-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.settings-form-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary)}.settings-form-input.error{border-color:var(--color-danger, #ef4444);box-shadow:0 0 0 3px #ef44441a}.settings-form-error{font-size:var(--font-xs, .75rem);color:var(--color-danger, #ef4444);margin:0}.settings-form-textarea{width:100%;padding:var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);font-family:inherit;outline:none;resize:vertical;min-height:80px;transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}.settings-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.settings-form-select{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-8, 2rem);transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}.settings-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.settings-toggle-group{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem);padding:var(--space-3, .75rem) 0}.settings-toggle-group+.settings-toggle-group{border-top:1px solid var(--border-color, rgba(0, 0, 0, .06))}.settings-toggle-info{flex:1;min-width:0}.settings-toggle-label{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.settings-toggle-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:0;line-height:1.5}.settings-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.settings-toggle input{position:absolute;opacity:0;width:0;height:0}.settings-toggle-track{position:absolute;inset:0;border-radius:9999px;background-color:var(--bg-secondary);border:1px solid var(--border-color, rgba(0, 0, 0, .12));cursor:pointer;transition:background-color var(--transition-fast, .25s) ease,border-color var(--transition-fast, .25s) ease}.settings-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #00000026;transition:transform var(--transition-fast, .25s) ease}.settings-toggle input:checked+.settings-toggle-track{background-color:var(--color-primary);border-color:var(--color-primary)}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(20px)}.settings-toggle input:focus-visible+.settings-toggle-track{box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.api-key-input-wrapper{position:relative;display:flex;gap:var(--space-2, .5rem)}.api-key-input{flex:1;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;letter-spacing:.05em;outline:none;transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease;box-sizing:border-box}.api-key-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.api-key-input.masked{-webkit-text-security:disc;text-security:disc}.api-key-toggle-btn{width:40px;height:auto;border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-base, 1rem);flex-shrink:0;transition:all var(--transition-fast, .25s) ease;padding:0}.api-key-toggle-btn:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04));border-color:var(--color-primary);color:var(--color-primary)}.api-key-status{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--font-xs, .75rem);margin-top:var(--space-1, .25rem)}.api-key-status.valid{color:var(--color-success, #22c55e)}.api-key-status.invalid{color:var(--color-danger, #ef4444)}.api-key-status.empty{color:var(--text-secondary)}.api-key-status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.theme-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3, .75rem)}.theme-selector-option{position:relative;cursor:pointer;border-radius:var(--radius-md, 8px);overflow:hidden;border:2px solid var(--border-color, rgba(0, 0, 0, .08));transition:border-color var(--transition-fast, .25s) ease,box-shadow var(--transition-fast, .25s) ease,transform var(--transition-fast, .25s) ease}.theme-selector-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-selector-option.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .2))}.theme-selector-option input{position:absolute;opacity:0;width:0;height:0}.theme-selector-preview{width:100%;aspect-ratio:4 / 3;display:grid;grid-template-columns:30px 1fr;grid-template-rows:16px 1fr;overflow:hidden}.theme-preview-sidebar{grid-row:1 / -1;grid-column:1}.theme-preview-header{grid-row:1;grid-column:2}.theme-preview-body{grid-row:2;grid-column:2;display:flex;flex-direction:column;gap:3px;padding:4px}.theme-preview-card{border-radius:2px;height:8px}.theme-selector-option.theme-light .theme-preview-sidebar{background-color:#f8f9fa}.theme-selector-option.theme-light .theme-preview-header{background-color:#fff;border-bottom:1px solid #e5e7eb}.theme-selector-option.theme-light .theme-preview-body{background-color:#f3f4f6}.theme-selector-option.theme-light .theme-preview-card{background-color:#fff}.theme-selector-option.theme-dark .theme-preview-sidebar{background-color:#1e1e2e}.theme-selector-option.theme-dark .theme-preview-header{background-color:#2a2a3c;border-bottom:1px solid #3a3a4c}.theme-selector-option.theme-dark .theme-preview-body{background-color:#181825}.theme-selector-option.theme-dark .theme-preview-card{background-color:#2a2a3c}.theme-selector-option.theme-midnight .theme-preview-sidebar{background-color:#0f172a}.theme-selector-option.theme-midnight .theme-preview-header{background-color:#1e293b;border-bottom:1px solid #334155}.theme-selector-option.theme-midnight .theme-preview-body{background-color:#0f172a}.theme-selector-option.theme-midnight .theme-preview-card{background-color:#1e293b}.theme-selector-option.theme-system .theme-preview-sidebar{background:linear-gradient(180deg,#f8f9fa 50%,#1e1e2e 50%)}.theme-selector-option.theme-system .theme-preview-header{background:linear-gradient(90deg,#fff 50%,#2a2a3c 50%)}.theme-selector-option.theme-system .theme-preview-body{background:linear-gradient(135deg,#f3f4f6 50%,#181825 50%)}.theme-selector-option.theme-system .theme-preview-card{background:linear-gradient(90deg,#fff 50%,#2a2a3c 50%)}.theme-selector-label{padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);text-align:center;background-color:var(--bg-secondary)}.theme-selector-option.active .theme-selector-label{color:var(--color-primary)}.theme-selector-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transform:scale(.5);transition:opacity var(--transition-fast, .25s) ease,transform var(--transition-fast, .25s) ease}.theme-selector-option.active .theme-selector-check{opacity:1;transform:scale(1)}.settings-btn{padding:var(--space-2, .5rem) var(--space-5, 1.25rem);border-radius:var(--radius-md, 8px);font-size:var(--font-sm, .875rem);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);transition:all var(--transition-fast, .25s) ease}.settings-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #4338ca));color:#fff;border:none}.settings-btn.primary:hover{opacity:.92;transform:translateY(-1px)}.settings-btn.primary:active{transform:translateY(0)}.settings-btn.secondary{background:none;border:1px solid var(--border-color, rgba(0, 0, 0, .12));color:var(--text-primary)}.settings-btn.secondary:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .04))}.settings-btn.danger{background:none;border:1px solid var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.settings-btn.danger:hover{background-color:#ef44440f}.settings-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-danger-zone{border-color:#ef444440}.settings-danger-zone .settings-section-header{border-bottom-color:#ef444426}.settings-danger-zone .settings-section-title{color:var(--color-danger, #ef4444)}.settings-danger-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem) 0}.settings-danger-item+.settings-danger-item{border-top:1px solid var(--border-color, rgba(0, 0, 0, .06))}.settings-danger-item-info{flex:1}.settings-danger-item-title{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1, .25rem)}.settings-danger-item-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:1024px){.settings-container{max-width:100%}.theme-selector{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-width:640px){.settings-section-header,.settings-section-body{padding:var(--space-4, 1rem)}.settings-section-footer{padding:var(--space-3, .75rem) var(--space-4, 1rem);flex-direction:column}.settings-section-footer .settings-btn{width:100%}.settings-form-row{grid-template-columns:1fr;gap:var(--space-5, 1.25rem)}.theme-selector{grid-template-columns:repeat(2,1fr);gap:var(--space-2, .5rem)}.settings-danger-item{flex-direction:column;align-items:flex-start}.settings-danger-item .settings-btn{width:100%}.api-key-input-wrapper{flex-direction:column}.api-key-toggle-btn{width:100%;height:38px}}.settings-page{max-width:800px;margin:0 auto;padding:var(--space-6, 1.5rem)}.settings-page-header{margin-bottom:var(--space-8, 2rem)}.settings-page-title-row{display:flex;align-items:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-2, .5rem)}.settings-page-icon{color:var(--text-secondary)}.settings-page-title{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary);margin:0}.settings-page-subtitle{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0;line-height:1.6}.settings-card{margin-bottom:var(--space-6, 1.5rem)}.settings-card-header{display:flex;align-items:center;gap:var(--space-3, .75rem)}.settings-card-icon{color:var(--color-primary)}.settings-card-title{font-size:var(--font-base, 1rem);font-weight:600;color:var(--text-primary);margin:0}.settings-field-description{font-size:var(--font-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-4, 1rem);line-height:1.6}.settings-ai-providers{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.settings-ai-provider{display:flex;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);border:2px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.settings-ai-provider:hover{border-color:var(--color-primary-light, rgba(99, 102, 241, .3))}.settings-ai-provider-active{border-color:var(--color-primary);background-color:#6366f10a}.settings-ai-provider-radio{display:none}.settings-ai-provider-info{flex:1;display:flex;flex-direction:column;gap:2px}.settings-ai-provider-label{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary)}.settings-ai-provider-description{font-size:var(--font-xs, .75rem);color:var(--text-secondary)}.settings-ai-provider-check{color:var(--color-primary);flex-shrink:0}.settings-api-key-wrapper{position:relative;display:flex;gap:var(--space-2, .5rem)}.settings-api-key-input{flex:1;padding:var(--space-3, .75rem);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm, .875rem);font-family:monospace;letter-spacing:.05em;outline:none;box-sizing:border-box;transition:border-color .2s ease}.settings-api-key-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.settings-api-key-toggle{width:44px;border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.settings-api-key-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.settings-api-key-hint{font-size:var(--font-xs, .75rem);color:var(--text-secondary);margin:var(--space-2, .5rem) 0 0}.settings-options-grid{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, .75rem) var(--space-4, 1rem);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.settings-option:hover{border-color:var(--color-primary-light, rgba(99, 102, 241, .2))}.settings-option-active{background-color:#6366f108;border-color:var(--color-primary-light, rgba(99, 102, 241, .2))}.settings-option-left{display:flex;align-items:center;gap:var(--space-3, .75rem)}.settings-option-icon{color:var(--color-primary)}.settings-option-label{font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-primary)}.settings-toggle-wrapper{position:relative;width:44px;height:24px;flex-shrink:0}.settings-toggle-input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-slider{position:absolute;inset:0;background-color:var(--border-color, #cbd5e1);border-radius:999px;cursor:pointer;transition:background-color .3s ease}.settings-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #00000026}.settings-toggle-input:checked+.settings-toggle-slider{background-color:var(--color-primary)}.settings-toggle-input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 1rem)}.settings-theme-option{border:2px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);overflow:hidden;cursor:pointer;transition:all .2s ease;background:none;padding:0;text-align:center}.settings-theme-option:hover{border-color:var(--color-primary-light, rgba(99, 102, 241, .3));transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07))}.settings-theme-option-active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(99, 102, 241, .15))}.settings-theme-preview{width:100%;aspect-ratio:16 / 10;display:grid;grid-template-columns:40px 1fr;grid-template-rows:20px 1fr;overflow:hidden}.settings-theme-preview-light .settings-theme-preview-header{background-color:#fff;border-bottom:1px solid #e5e7eb;grid-column:1 / -1}.settings-theme-preview-light .settings-theme-preview-sidebar{background-color:#f8f9fa;grid-row:2}.settings-theme-preview-light .settings-theme-preview-content{background-color:#f3f4f6;grid-row:2;padding:6px;display:flex;flex-direction:column;gap:3px}.settings-theme-preview-light .settings-theme-preview-line{height:6px;background-color:#e5e7eb;border-radius:2px}.settings-theme-preview-light .settings-theme-preview-line-short{width:60%}.settings-theme-preview-light .settings-theme-preview-line-medium{width:80%}.settings-theme-preview-dark .settings-theme-preview-header{background-color:#2a2a3c;border-bottom:1px solid #3a3a4c;grid-column:1 / -1}.settings-theme-preview-dark .settings-theme-preview-sidebar{background-color:#1e1e2e;grid-row:2}.settings-theme-preview-dark .settings-theme-preview-content{background-color:#181825;grid-row:2;padding:6px;display:flex;flex-direction:column;gap:3px}.settings-theme-preview-dark .settings-theme-preview-line{height:6px;background-color:#3a3a4c;border-radius:2px}.settings-theme-preview-dark .settings-theme-preview-line-short{width:60%}.settings-theme-preview-dark .settings-theme-preview-line-medium{width:80%}.settings-theme-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);font-size:var(--font-sm, .875rem);font-weight:600;color:var(--text-primary);background-color:var(--bg-secondary, rgba(0, 0, 0, .02))}.settings-language-options{display:flex;gap:var(--space-3, .75rem)}.settings-language-option{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-5, 1.25rem);border:2px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.settings-language-option:hover{border-color:var(--color-primary-light, rgba(99, 102, 241, .3))}.settings-language-option-active{border-color:var(--color-primary);background-color:#6366f10a}.settings-language-radio{display:none}.settings-language-flag{font-size:var(--font-sm, .875rem);font-weight:700;color:var(--text-secondary);background-color:var(--bg-secondary, rgba(0, 0, 0, .04));padding:2px 8px;border-radius:var(--radius-sm, 4px)}.settings-language-label{font-size:var(--font-sm, .875rem);font-weight:500;color:var(--text-primary)}.settings-language-check{color:var(--color-primary)}.settings-language-note{font-size:var(--font-xs, .75rem);color:var(--text-secondary);font-style:italic;margin:var(--space-3, .75rem) 0 0}.settings-actions{display:flex;gap:var(--space-3, .75rem);padding:var(--space-6, 1.5rem) 0}@media(max-width:640px){.settings-page{padding:var(--space-4, 1rem)}.settings-theme-options{grid-template-columns:1fr}.settings-language-options,.settings-actions{flex-direction:column}}