:root{--brand-primary: #667eea;--brand-primary-light: #8fa2f2;--brand-primary-dark: #4a5fc1;--brand-secondary: #764ba2;--brand-accent: #f093fb;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #eeeeee;--neutral-300: #e0e0e0;--neutral-400: #bdbdbd;--neutral-500: #9e9e9e;--neutral-600: #757575;--neutral-700: #616161;--neutral-800: #424242;--neutral-900: #212121;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-success-light: rgba(16, 185, 129, .1);--color-warning-light: rgba(245, 158, 11, .1);--color-error-light: rgba(239, 68, 68, .1);--color-info-light: rgba(59, 130, 246, .1);--brand-primary-rgb: 102, 126, 234;--brand-secondary-rgb: 118, 75, 162;--brand-accent-rgb: 240, 147, 251;--info-rgb: 59, 130, 246;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--error-rgb: 239, 68, 68;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-inverse: var(--neutral-50);--text-disabled: var(--neutral-400);--bg-primary: var(--neutral-50);--bg-secondary: var(--neutral-100);--bg-surface: var(--neutral-50);--bg-elevated: #ffffff;--border-primary: var(--neutral-300);--border-secondary: var(--neutral-200);--border-tertiary: var(--neutral-100);--card-bg: #ffffff;--interactive-primary: var(--brand-primary);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--info: var(--color-info);--elevation-1: var(--shadow-sm);--elevation-2: var(--shadow-md);--elevation-3: var(--shadow-lg);--elevation-4: var(--shadow-xl);--elevation-5: var(--shadow-2xl);--font-primary: "Inter", "Roboto", "Segoe UI", system-ui, sans-serif;--font-secondary: "Poppins", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--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;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--spacing-component-sm: var(--space-4);--spacing-component-md: var(--space-6);--spacing-component-lg: var(--space-8);--spacing-section: var(--space-12);--spacing-page: var(--space-16);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-max-width: var(--container-xl);--header-height: 64px;--footer-height: 80px;--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-header: 1025;--z-modal-backdrop: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-toast: 1070;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-colors: color var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal);--transition-transform: transform var(--transition-normal);--transition-opacity: opacity var(--transition-normal);--transition-all: all var(--transition-normal);--bp-sm: 640;--bp-md: 768;--bp-lg: 1024;--bp-xl: 1280}:root,:root[data-theme=light],.light-theme{--bg-primary: var(--neutral-50);--bg-secondary: var(--neutral-100);--bg-tertiary: var(--neutral-200);--bg-elevated: #ffffff;--bg-surface: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: #ffffff;--border-primary: var(--neutral-300);--border-secondary: var(--neutral-200);--border-focus: var(--brand-primary);--border-error: var(--color-error);--interactive-primary: var(--brand-primary);--interactive-primary-hover: var(--brand-primary-dark);--interactive-secondary: var(--neutral-100);--interactive-secondary-hover: var(--neutral-200);--card-bg: var(--bg-elevated);--card-border: var(--border-secondary);--input-bg: var(--bg-elevated);--input-border: var(--border-primary);--input-focus-bg: var(--bg-elevated);--input-focus-border: var(--border-focus);--shadow-color: 0, 0, 0;--elevation-1: 0 1px 3px rgba(var(--shadow-color), .12), 0 1px 2px rgba(var(--shadow-color), .24);--elevation-2: 0 3px 6px rgba(var(--shadow-color), .16), 0 3px 6px rgba(var(--shadow-color), .23);--elevation-3: 0 10px 20px rgba(var(--shadow-color), .19), 0 6px 6px rgba(var(--shadow-color), .23);--elevation-4: 0 14px 28px rgba(var(--shadow-color), .25), 0 10px 10px rgba(var(--shadow-color), .22);--elevation-5: 0 19px 38px rgba(var(--shadow-color), .3), 0 15px 12px rgba(var(--shadow-color), .22)}:root[data-theme=dark],.dark-theme{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1a1a1a;--bg-elevated: #1e1e1e;--bg-surface: #2a2a2a;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--text-disabled: #666666;--text-inverse: var(--neutral-900);--border-primary: #333333;--border-secondary: #2a2a2a;--border-focus: var(--brand-primary);--border-error: var(--color-error);--interactive-primary: var(--brand-primary);--interactive-primary-hover: var(--brand-primary-light);--interactive-secondary: #2a2a2a;--interactive-secondary-hover: #333333;--card-bg: var(--bg-elevated);--card-border: var(--border-primary);--input-bg: var(--bg-surface);--input-border: var(--border-primary);--input-focus-bg: #333333;--input-focus-border: var(--border-focus);--shadow-color: 0, 0, 0;--elevation-1: 0 2px 4px rgba(var(--shadow-color), .3), 0 1px 2px rgba(var(--shadow-color), .3);--elevation-2: 0 4px 8px rgba(var(--shadow-color), .4), 0 2px 4px rgba(var(--shadow-color), .3);--elevation-3: 0 8px 16px rgba(var(--shadow-color), .5), 0 4px 8px rgba(var(--shadow-color), .4);--elevation-4: 0 12px 24px rgba(var(--shadow-color), .6), 0 6px 12px rgba(var(--shadow-color), .5);--elevation-5: 0 16px 32px rgba(var(--shadow-color), .7), 0 8px 16px rgba(var(--shadow-color), .6)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1a1a1a;--bg-elevated: #1e1e1e;--bg-surface: #2a2a2a;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--text-disabled: #666666;--text-inverse: var(--neutral-900);--border-primary: #333333;--border-secondary: #2a2a2a;--border-focus: var(--brand-primary);--border-error: var(--color-error);--interactive-primary: var(--brand-primary);--interactive-primary-hover: var(--brand-primary-light);--interactive-secondary: #2a2a2a;--interactive-secondary-hover: #333333;--card-bg: var(--bg-elevated);--card-border: var(--border-primary);--input-bg: var(--bg-surface);--input-border: var(--border-primary);--input-focus-bg: #333333;--input-focus-border: var(--border-focus);--shadow-color: 0, 0, 0;--elevation-1: 0 2px 4px rgba(var(--shadow-color), .3), 0 1px 2px rgba(var(--shadow-color), .3);--elevation-2: 0 4px 8px rgba(var(--shadow-color), .4), 0 2px 4px rgba(var(--shadow-color), .3);--elevation-3: 0 8px 16px rgba(var(--shadow-color), .5), 0 4px 8px rgba(var(--shadow-color), .4);--elevation-4: 0 12px 24px rgba(var(--shadow-color), .6), 0 6px 12px rgba(var(--shadow-color), .5);--elevation-5: 0 16px 32px rgba(var(--shadow-color), .7), 0 8px 16px rgba(var(--shadow-color), .6)}}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}:root{--primary-font-family: var(--font-primary);--monospace-font-family: var(--font-mono);--primary-bg-color: var(--bg-primary);--primary-text-color: var(--text-primary);--secondary-text-color: var(--text-secondary);--card-bg-color: var(--card-bg);--border-color: var(--border-primary);--primary-color: var(--interactive-primary);--primary-color-rgb: 102, 126, 234;--input-bg-color: var(--input-bg);--input-focus-bg-color: var(--input-focus-bg)}html{font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-primary);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-primary);line-height:var(--leading-normal);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-4) 0;letter-spacing:-.025em}.heading-1,h1{font-size:clamp(var(--text-4xl),4vw,var(--text-6xl));font-weight:var(--font-weight-bold);line-height:var(--leading-none);letter-spacing:-.05em}.heading-2,h2{font-size:clamp(var(--text-3xl),3vw,var(--text-5xl));font-weight:var(--font-weight-semibold)}.heading-3,h3{font-size:clamp(var(--text-2xl),2.5vw,var(--text-4xl))}.heading-4,h4{font-size:clamp(var(--text-xl),2vw,var(--text-3xl))}.heading-5,h5{font-size:clamp(var(--text-lg),1.5vw,var(--text-2xl))}.heading-6,h6{font-size:clamp(var(--text-base),1.25vw,var(--text-xl))}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.text-large{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.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)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-brand{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.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)}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.text-gradient{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.text-gradient-accent{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}ul,ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6);color:var(--text-secondary)}li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.list-none{list-style:none;padding-left:0}a{color:var(--interactive-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--interactive-primary-hover);text-decoration:underline}a:focus{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}pre{font-family:var(--font-mono);background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);overflow-x:auto;margin:var(--space-4) 0}pre code{background:none;padding:0;border:none;font-size:var(--text-sm)}blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--brand-primary);background-color:var(--bg-secondary);border-radius:var(--radius-lg);font-style:italic;color:var(--text-secondary)}blockquote p{margin-bottom:var(--space-2)}blockquote cite{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);font-style:normal}@media (max-width: 768px){html{font-size:14px}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--space-3)}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.container-fluid{width:100%;padding:0 var(--space-4)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.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-auto-fit{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(0,1fr))}.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-responsive-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-responsive-lg{grid-template-columns:repeat(auto-fit,minmax(400px,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))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,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-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-full{grid-row:1 / -1}.gap-0{gap:var(--space-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-x-0{column-gap:var(--space-0)}.gap-x-1{column-gap:var(--space-1)}.gap-x-2{column-gap:var(--space-2)}.gap-x-3{column-gap:var(--space-3)}.gap-x-4{column-gap:var(--space-4)}.gap-x-5{column-gap:var(--space-5)}.gap-x-6{column-gap:var(--space-6)}.gap-x-8{column-gap:var(--space-8)}.gap-y-0{row-gap:var(--space-0)}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-5{row-gap:var(--space-5)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:var(--space-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-12{margin-top:var(--space-12)}.mb-0{margin-bottom:var(--space-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-12{margin-bottom:var(--space-12)}.p-0{padding:var(--space-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-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.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-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.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)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.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}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:flex-col{flex-direction:column}.sm\:justify-center{justify-content:center}.sm\:items-center{align-items:center}.sm\:text-center{text-align:center}.sm\:px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.sm\:py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.sm\:gap-2{gap:var(--space-2)}.sm\:gap-4{gap:var(--space-4)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 641px) and (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-6{gap:var(--space-6)}}@media (min-width: 769px){.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\:gap-8{gap:var(--space-8)}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);transition:var(--transition-all);overflow:hidden}.card:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-secondary);background-color:var(--bg-secondary)}.card-compact .card-header,.card-compact .card-body,.card-compact .card-footer{padding:var(--space-4)}.card-elevated{box-shadow:var(--elevation-4);border:none}.card-outlined{box-shadow:none;border:2px solid var(--border-primary)}.card-interactive{cursor:pointer;transition:var(--transition-all)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--leading-none);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid var(--interactive-primary);outline-offset:2px}.btn-primary{background-color:var(--interactive-primary);color:var(--text-inverse);border-color:var(--interactive-primary)}.btn-primary:hover{background-color:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover);transform:translateY(-1px);box-shadow:var(--elevation-2)}.btn-secondary{background-color:var(--interactive-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--interactive-secondary-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--interactive-primary);border-color:var(--interactive-primary)}.btn-outline:hover{background-color:var(--interactive-primary);color:var(--text-inverse)}.btn-ghost{background-color:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--interactive-secondary)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn-success:hover{background-color:#059669;border-color:#059669}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);min-height:60px}.btn-round{border-radius:var(--radius-full)}.btn-square{border-radius:var(--radius-sm)}.btn-block{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.btn-icon-sm{width:36px;height:36px}.btn-icon-lg{width:52px;height:52px}.btn-fab{width:56px;height:56px;padding:0;border-radius:var(--radius-full);background-color:var(--interactive-primary);color:var(--text-inverse);border-color:var(--interactive-primary);position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-fixed);box-shadow:var(--elevation-3)}.btn-fab:hover{transform:scale(1.1);box-shadow:var(--elevation-4)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-control{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);transition:var(--transition-all);min-height:44px}.form-control:focus{outline:none;border-color:var(--input-focus-border);background-color:var(--input-focus-bg);box-shadow:0 0 0 3px #667eea1a}.form-control:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.form-control.is-invalid{border-color:var(--color-error)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-text{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.form-control-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:36px}.form-control-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);min-height:52px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--leading-none);color:var(--text-inverse);background-color:var(--neutral-500);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--interactive-primary)}.badge-secondary{background-color:var(--neutral-600);color:var(--text-primary)}.badge-success{background-color:var(--color-success)}.badge-warning{background-color:var(--color-warning)}.badge-error{background-color:var(--color-error)}.badge-info{background-color:var(--color-info)}.badge-sm{padding:2px var(--space-2);font-size:10px}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.progress{width:100%;height:8px;background-color:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--interactive-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-sm{height:4px}.progress-lg{height:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--interactive-primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.divider{border:none;height:1px;background-color:var(--border-secondary);margin:var(--space-6) 0}.divider-vertical{width:1px;height:auto;background-color:var(--border-secondary);margin:0 var(--space-4)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:50%;border-top-color:var(--interactive-primary);animation:spin 1s ease-in-out infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background-color:var(--neutral-900);color:var(--text-inverse);font-size:var(--text-sm);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition-all);z-index:var(--z-tooltip)}.tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}@media (max-width: 640px){.btn{min-height:48px;padding:var(--space-3) var(--space-5)}.btn-sm{min-height:40px}.form-control{min-height:48px;font-size:16px}.card-body{padding:var(--space-4)}.btn-fab{bottom:var(--space-4);right:var(--space-4)}}.confirm-dialog-backdrop.cdk-overlay-backdrop{background:#000000a6!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog-panel.cdk-overlay-pane{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none}.confirm-dialog-panel.cdk-overlay-pane>*{pointer-events:auto;margin:0!important}.confirm-dialog-panel .mat-mdc-dialog-surface{background:transparent;padding:0;box-shadow:none;overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes glow{0%{box-shadow:0 0 5px var(--interactive-primary)}to{box-shadow:0 0 20px var(--interactive-primary),0 0 30px var(--interactive-primary)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-out{animation:fadeOut var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.animate-fade-in-left{animation:fadeInLeft var(--transition-slow) ease-out}.animate-fade-in-right{animation:fadeInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-scale-out{animation:scaleOut var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-slide-in-up{animation:slideInUp var(--transition-slow) ease-out}.animate-slide-in-down{animation:slideInDown var(--transition-slow) ease-out}.animate-rotate{animation:rotate 1s linear infinite}.animate-rotate-in{animation:rotateIn var(--transition-slow) ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-in{animation:bounceIn var(--transition-slow) ease-out}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.animate-spin{animation:loading 1s linear infinite}.animate-loading-dots{animation:loadingDots 1.4s ease-in-out infinite both}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-gradient{background-size:400% 400%;animation:gradientShift 4s ease infinite}.hover-scale:hover{transform:scale(1.05);transition:var(--transition-normal)}.hover-scale-sm:hover{transform:scale(1.02);transition:var(--transition-normal)}.hover-scale-lg:hover{transform:scale(1.1);transition:var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--elevation-4);transition:var(--transition-normal)}.hover-lift-sm:hover{transform:translateY(-2px);box-shadow:var(--elevation-2);transition:var(--transition-normal)}.hover-lift-lg:hover{transform:translateY(-8px);box-shadow:var(--elevation-5);transition:var(--transition-normal)}.hover-rotate:hover{transform:rotate(5deg);transition:var(--transition-normal)}.hover-rotate-lg:hover{transform:rotate(15deg);transition:var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px var(--interactive-primary);transition:var(--transition-normal)}.hover-brightness:hover{filter:brightness(1.1);transition:var(--transition-normal)}.transition-none{transition:none}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.transition-fast{transition-duration:var(--transition-fast)}.transition-normal{transition-duration:var(--transition-normal)}.transition-slow{transition-duration:var(--transition-slow)}.transform{transform:translateZ(0)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.translate-x-0{transform:translate(0)}.translate-x-1{transform:translate(var(--space-1))}.translate-x-2{transform:translate(var(--space-2))}.translate-x-4{transform:translate(var(--space-4))}.-translate-x-1{transform:translate(calc(-1 * var(--space-1)))}.-translate-x-2{transform:translate(calc(-1 * var(--space-2)))}.-translate-x-4{transform:translate(calc(-1 * var(--space-4)))}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(var(--space-1))}.translate-y-2{transform:translateY(var(--space-2))}.translate-y-4{transform:translateY(var(--space-4))}.-translate-y-1{transform:translateY(calc(-1 * var(--space-1)))}.-translate-y-2{transform:translateY(calc(-1 * var(--space-2)))}.-translate-y-4{transform:translateY(calc(-1 * var(--space-4)))}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.duration-75{animation-duration:75ms}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.ease-linear{animation-timing-function:linear}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.will-change-auto{will-change:auto}.will-change-scroll{will-change:scroll-position}.will-change-contents{will-change:contents}.will-change-transform{will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-pulse,.animate-bounce,.animate-spin,.animate-gradient{animation:none!important}}.mat-mdc-form-field{width:100%;font-family:var(--font-primary)!important}.mat-mdc-form-field .mat-mdc-floating-label{color:var(--text-secondary)!important;font-weight:var(--font-weight-medium)!important}.mat-mdc-form-field.mat-focused .mat-mdc-floating-label{color:var(--interactive-primary)!important}.mat-mdc-form-field .mat-mdc-outline{color:var(--border-primary)!important}.mat-mdc-form-field.mat-focused .mat-mdc-outline{color:var(--interactive-primary)!important;border-width:2px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:var(--input-bg)!important;border-radius:var(--radius-lg)!important;transition:var(--transition-all)!important}.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper{background-color:var(--input-focus-bg)!important;box-shadow:0 0 0 3px #667eea1a!important}.mat-mdc-input-element{color:var(--text-primary)!important;font-family:var(--font-primary)!important;font-weight:var(--font-weight-normal)!important;caret-color:var(--interactive-primary)!important}.mat-mdc-input-element::placeholder{color:var(--text-tertiary)!important}.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label,.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-outline{color:var(--color-error)!important}.mat-mdc-form-field.mat-form-field-invalid.mat-focused .mat-mdc-text-field-wrapper{box-shadow:0 0 0 3px #ef44441a!important}.mat-error{color:var(--color-error)!important;font-size:var(--text-sm)!important;font-weight:var(--font-weight-medium)!important}.mat-mdc-select-value{color:var(--text-primary)!important;font-family:var(--font-primary)!important}.mat-mdc-select-placeholder{color:var(--text-tertiary)!important}.mat-mdc-select-arrow{color:var(--text-secondary)!important}.mat-mdc-select-panel{background-color:var(--card-bg)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--elevation-4)!important;border:1px solid var(--border-primary)!important;max-height:256px!important}.mat-mdc-option{color:var(--text-primary)!important;font-family:var(--font-primary)!important;height:48px!important;line-height:48px!important;transition:var(--transition-colors)!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--interactive-secondary)!important}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background-color:#667eea1a!important;color:var(--interactive-primary)!important}.mat-mdc-option.mat-mdc-option-active{background-color:#667eea14!important}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-raised-button,.mat-mdc-outlined-button{font-family:var(--font-primary)!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--radius-lg)!important;text-transform:none!important;letter-spacing:.02em!important;transition:var(--transition-all)!important;min-height:44px!important}.mat-mdc-raised-button:not(:disabled){box-shadow:var(--elevation-2)!important}.mat-mdc-raised-button:hover:not(:disabled){box-shadow:var(--elevation-3)!important;transform:translateY(-1px)!important}.mat-mdc-fab{font-family:var(--font-primary)!important;box-shadow:var(--elevation-3)!important;transition:var(--transition-all)!important}.mat-mdc-fab:hover:not(:disabled){box-shadow:var(--elevation-4)!important;transform:scale(1.05)!important}.mat-mdc-mini-fab{font-family:var(--font-primary)!important;box-shadow:var(--elevation-2)!important}.mat-mdc-card{background-color:var(--card-bg)!important;color:var(--text-primary)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--elevation-2)!important;border:1px solid var(--card-border)!important;transition:var(--transition-all)!important}.mat-mdc-card:hover{box-shadow:var(--elevation-3)!important;transform:translateY(-2px)!important}.mat-mdc-card-title{color:var(--text-primary)!important;font-family:var(--font-secondary)!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--text-xl)!important;line-height:var(--leading-tight)!important}.mat-mdc-card-subtitle{color:var(--text-secondary)!important;font-family:var(--font-primary)!important;font-weight:var(--font-weight-normal)!important;font-size:var(--text-base)!important}.mat-mdc-card-content{color:var(--text-secondary)!important;font-family:var(--font-primary)!important;line-height:var(--leading-relaxed)!important}.mat-toolbar{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;font-family:var(--font-primary)!important;box-shadow:var(--elevation-2)!important;border-bottom:1px solid var(--border-secondary)!important}.mat-toolbar-row{height:64px!important}.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-family:var(--font-secondary)!important;font-weight:var(--font-weight-semibold)!important;margin:0!important}.mat-drawer{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border-right:1px solid var(--border-secondary)!important;box-shadow:var(--elevation-3)!important}.mat-drawer-container{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.mat-drawer-backdrop{background-color:var(--bg-overlay)!important}.mat-nav-list{padding-top:var(--space-4)!important}.mat-nav-list .mat-list-item{color:var(--text-primary)!important;font-family:var(--font-primary)!important;height:48px!important;transition:var(--transition-colors)!important}.mat-nav-list .mat-list-item:hover{background-color:var(--interactive-secondary)!important}.mat-nav-list .mat-list-item.active{background-color:#667eea1a!important;color:var(--interactive-primary)!important;border-right:3px solid var(--interactive-primary)!important}.mat-list-item-content{padding:0 var(--space-4)!important}.mat-icon{color:inherit!important;font-family:Material Icons!important;font-weight:400!important;font-style:normal!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;display:inline-block!important;white-space:nowrap!important;word-wrap:normal!important;direction:ltr!important}.mat-mdc-menu-panel{background-color:var(--card-bg)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--elevation-4)!important;border:1px solid var(--border-primary)!important}.mat-mdc-menu-item{color:var(--text-primary)!important;font-family:var(--font-primary)!important;height:48px!important;line-height:48px!important;transition:var(--transition-colors)!important}.mat-mdc-menu-item:hover:not([disabled]){background-color:var(--interactive-secondary)!important}.mat-mdc-menu-item:focus:not([disabled]){background-color:#667eea1a!important}.mat-mdc-dialog-container{background-color:var(--card-bg)!important;color:var(--text-primary)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--elevation-5)!important;border:1px solid var(--border-primary)!important}.mat-mdc-dialog-title{color:var(--text-primary)!important;font-family:var(--font-secondary)!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--text-2xl)!important}.mat-mdc-dialog-content{color:var(--text-secondary)!important;font-family:var(--font-primary)!important;line-height:var(--leading-relaxed)!important}.mat-mdc-dialog-actions{padding:var(--space-6)!important;gap:var(--space-3)!important}.mat-mdc-snack-bar-container{background-color:var(--neutral-800)!important;color:var(--text-inverse)!important;border-radius:var(--radius-lg)!important;font-family:var(--font-primary)!important;box-shadow:var(--elevation-4)!important}.mat-mdc-simple-snack-bar{font-weight:var(--font-weight-medium)!important}.mat-mdc-progress-bar{height:4px!important;border-radius:var(--radius-full)!important;overflow:hidden!important}.mat-mdc-progress-bar-fill:after{background-color:var(--interactive-primary)!important;border-radius:var(--radius-full)!important}.mat-mdc-progress-bar-buffer{background-color:#667eea33!important}.mat-mdc-slider{--mdc-slider-handle-color: var(--interactive-primary);--mdc-slider-focus-handle-color: var(--interactive-primary);--mdc-slider-hover-handle-color: var(--interactive-primary-hover);--mdc-slider-active-track-color: var(--interactive-primary);--mdc-slider-inactive-track-color: var(--border-primary);--mdc-slider-disabled-active-track-color: var(--text-disabled);--mdc-slider-disabled-inactive-track-color: var(--text-disabled);--mdc-slider-disabled-handle-color: var(--text-disabled)}.mat-mdc-checkbox,.mat-mdc-radio-button{font-family:var(--font-primary)!important;color:var(--text-primary)!important}.mat-mdc-checkbox .mdc-checkbox,.mat-mdc-radio-button .mdc-radio{--mdc-checkbox-unselected-icon-color: var(--text-secondary);--mdc-checkbox-selected-icon-color: var(--interactive-primary);--mdc-checkbox-selected-hover-icon-color: var(--interactive-primary-hover);--mdc-radio-unselected-icon-color: var(--text-secondary);--mdc-radio-selected-icon-color: var(--interactive-primary);--mdc-radio-selected-hover-icon-color: var(--interactive-primary-hover)}.mat-mdc-tab-group{font-family:var(--font-primary)!important}.mat-mdc-tab{color:var(--text-secondary)!important;font-weight:var(--font-weight-medium)!important;text-transform:none!important;letter-spacing:.02em!important;transition:var(--transition-colors)!important}.mat-mdc-tab.mdc-tab--active{color:var(--interactive-primary)!important}.mat-mdc-tab:hover{color:var(--interactive-primary-hover)!important}.mat-mdc-tab-body-content{font-family:var(--font-primary)!important;color:var(--text-primary)!important}.mat-stepper-horizontal,.mat-stepper-vertical{font-family:var(--font-primary)!important;background-color:transparent!important}.mat-step-header{color:var(--text-secondary)!important;transition:var(--transition-colors)!important}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:var(--interactive-secondary)!important}.mat-step-header .mat-step-icon{background-color:var(--text-secondary)!important;color:var(--text-inverse)!important}.mat-step-header .mat-step-icon-selected{background-color:var(--interactive-primary)!important;color:var(--text-inverse)!important}@media (max-width: 640px){.mat-mdc-form-field{font-size:16px!important}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-raised-button{min-height:48px!important}.mat-toolbar-row{height:56px!important;padding:0 var(--space-4)!important}.mat-mdc-dialog-container{margin:var(--space-4)!important;max-width:calc(100vw - 2rem)!important;border-radius:var(--radius-xl)!important}}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.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}.select-auto{-webkit-user-select:auto;user-select:auto}.bg-transparent{background-color:transparent}.bg-current{background-color:currentColor}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated)}.bg-surface{background-color:var(--bg-surface)}.bg-brand{background-color:var(--brand-primary)}.bg-brand-light{background-color:var(--brand-primary-light)}.bg-brand-dark{background-color:var(--brand-primary-dark)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-error-light{background-color:var(--color-error-light)}.bg-info-light{background-color:var(--color-info-light)}.bg-gradient-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%)}.bg-gradient-accent{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-primary) 100%)}.bg-gradient-rainbow{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe)}.bg-gradient-sunset{background:linear-gradient(135deg,#ff9a9e,#fecfef 50% 100%)}.bg-gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)}.border{border:1px solid var(--border-primary)}.border-0{border:0}.border-2{border:2px solid var(--border-primary)}.border-4{border:4px solid var(--border-primary)}.border-8{border:8px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-t-0{border-top:0}.border-r-0{border-right:0}.border-b-0{border-bottom:0}.border-l-0{border-left:0}.border-transparent{border-color:transparent}.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)}.border-brand{border-color:var(--brand-primary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-info{border-color:var(--color-info)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.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)}.rounded-t-none{border-top-left-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-none{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-b-sm{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-b{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.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)}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.blur-none{filter:blur(0)}.blur-sm{filter:blur(4px)}.blur{filter:blur(8px)}.blur-md{filter:blur(12px)}.blur-lg{filter:blur(16px)}.blur-xl{filter:blur(24px)}.blur-2xl{filter:blur(40px)}.blur-3xl{filter:blur(64px)}.brightness-0{filter:brightness(0)}.brightness-50{filter:brightness(.5)}.brightness-75{filter:brightness(.75)}.brightness-90{filter:brightness(.9)}.brightness-95{filter:brightness(.95)}.brightness-100{filter:brightness(1)}.brightness-105{filter:brightness(1.05)}.brightness-110{filter:brightness(1.1)}.brightness-125{filter:brightness(1.25)}.brightness-150{filter:brightness(1.5)}.brightness-200{filter:brightness(2)}.contrast-0{filter:contrast(0)}.contrast-50{filter:contrast(.5)}.contrast-75{filter:contrast(.75)}.contrast-100{filter:contrast(1)}.contrast-125{filter:contrast(1.25)}.contrast-150{filter:contrast(1.5)}.contrast-200{filter:contrast(2)}.grayscale-0{filter:grayscale(0)}.grayscale{filter:grayscale(100%)}.sepia-0{filter:sepia(0)}.sepia{filter:sepia(100%)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right{object-position:right}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.object-top{object-position:top}.interactive:hover{transform:translateY(-2px);box-shadow:var(--elevation-3);transition:var(--transition-all)}.interactive-scale:hover{transform:scale(1.02);transition:var(--transition-transform)}.interactive-lift:hover{transform:translateY(-4px);box-shadow:var(--elevation-4);transition:var(--transition-all)}.interactive-glow:hover{box-shadow:0 0 20px var(--brand-primary);transition:var(--transition-all)}.focus-visible:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #667eea4d;border-radius:var(--radius-sm)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.aspect-portrait{aspect-ratio:3 / 4}.aspect-wide{aspect-ratio:21 / 9}.content-center{display:flex;align-items:center;justify-content:center}.content-between{display:flex;align-items:center;justify-content:space-between}.content-around{display:flex;align-items:center;justify-content:space-around}.content-evenly{display:flex;align-items:center;justify-content:space-evenly}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}@media print{.print:hidden{display:none!important}.print:block{display:block!important}.print:inline-block{display:inline-block!important}.print:inline{display:inline!important}.print:flex{display:flex!important}.print:inline-flex{display:inline-flex!important}.print:table{display:table!important}.print:grid{display:grid!important}.print:contents{display:contents!important}}.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}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{height:100%;margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}.cdk-overlay-container{z-index:var(--z-modal-backdrop);position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:var(--z-modal-backdrop);pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:var(--transition-opacity);opacity:0;background-color:var(--bg-overlay)}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:var(--z-modal)}.mat-mdc-select-panel{z-index:var(--z-popover)!important;max-height:256px!important;overflow-y:auto!important;border-radius:var(--radius-xl)!important;box-shadow:var(--elevation-4)!important;border:1px solid var(--border-primary)!important;background-color:var(--card-bg)!important}.mat-drawer-container{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;position:relative!important}.mat-drawer-content,.sidenav-container{overflow:visible!important;position:relative!important}.hero-section{text-align:center;padding:var(--spacing-section) 0;margin-bottom:var(--spacing-section)}.hero-section h1{font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed);opacity:.9}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--spacing-section)}.card-interactive{cursor:pointer;transition:var(--transition-all);transform:translateY(0)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--elevation-4)}.card-interactive:active{transform:translateY(-1px);box-shadow:var(--elevation-2)}.card-header-modern{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border-secondary);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-secondary) 100%)}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);color:var(--text-inverse);font-size:var(--text-xl)}.input-enhanced{position:relative}.input-enhanced:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:var(--transition-opacity);pointer-events:none}.input-enhanced:focus-within:before{opacity:1}.section-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.section-header{text-align:center;margin-bottom:var(--spacing-component-lg)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.section-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}*:focus{outline:2px solid var(--interactive-primary);outline-offset:2px}button:focus,a:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-contrast: high){:root{--border-primary: #000000;--text-secondary: #000000;--bg-secondary: #ffffff}.dark-theme{--border-primary: #ffffff;--text-secondary: #ffffff;--bg-secondary: #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@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) ")"}img{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}.hero-section,.card,.section-container{page-break-inside:avoid}.btn,.interactive,nav{display:none!important}}@media (max-width: 640px){.hero-section{padding:var(--space-8) 0}.cards-grid{grid-template-columns:1fr;gap:var(--space-4)}.section-container{padding:0 var(--space-3)}}@media (min-width: 641px) and (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.card-interactive,.btn,.interactive{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}.card,.section-container{contain:layout style}@supports not (display: grid){.cards-grid{display:flex;flex-wrap:wrap;gap:var(--space-6)}.cards-grid>*{flex:1 1 320px}}@supports not (gap: 1rem){.cards-grid>*{margin-bottom:var(--space-6)}}.debug-grid{background-image:linear-gradient(rgba(255,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.1) 1px,transparent 1px);background-size:20px 20px}[data-debug=true] *{outline:1px solid rgba(255,0,0,.2)}.primary-font{font-family:var(--font-primary)}.monospace-font{font-family:var(--font-mono)}.custom-dialog-container .mat-mdc-dialog-container{padding:0;border-radius:1rem;background:var(--bg-elevated);box-shadow:var(--elevation-4);max-width:90vw!important;max-height:90vh!important;width:auto!important;height:auto!important}.cdk-overlay-backdrop.custom-backdrop{background:#0f172acc!important}.cdk-overlay-pane{max-width:100vw!important;max-height:100vh!important}.custom-dialog-container{display:flex!important;align-items:center!important;justify-content:center!important}.confirm-dialog-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-width:none!important;max-height:none!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;z-index:1000!important}.confirm-dialog-panel .mat-mdc-dialog-container{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.confirm-dialog-panel .mat-mdc-dialog-container .mdc-dialog{background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;position:static!important;transform:none!important}.confirm-dialog-panel .mat-mdc-dialog-container .mdc-dialog__container{display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;width:auto!important;position:static!important}.confirm-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;position:static!important;transform:none!important}.confirm-dialog-panel .mat-mdc-dialog-container .mdc-dialog__content,.confirm-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content,.confirm-dialog-panel .mat-mdc-dialog-container .mat-dialog-content{background:transparent!important;padding:0!important;margin:0!important;max-height:none!important}.confirm-dialog-panel *{background-color:transparent!important;box-shadow:none!important}.confirm-dialog-panel app-confirm-dialog,.confirm-dialog-panel app-confirm-dialog *{background-color:initial!important;box-shadow:initial!important}.confirm-dialog-backdrop{background:#0f172acc!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;position:fixed!important;inset:0!important;z-index:999!important}.cdk-overlay-pane:has(.confirm-dialog-panel){position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important}.cdk-overlay-pane[style*=confirm-dialog-panel]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important}@media (max-width: 520px){.confirm-dialog-panel,.confirm-dialog-panel .mat-mdc-dialog-container{padding:var(--space-4, 1rem)!important}}@media (min-width: 521px) and (max-width: 768px){.confirm-dialog-panel,.confirm-dialog-panel .mat-mdc-dialog-container{padding:var(--space-6, 1.5rem)!important}}@media (min-width: 769px){.confirm-dialog-panel,.confirm-dialog-panel .mat-mdc-dialog-container{padding:var(--space-8, 2rem)!important}}.rest-day-modal-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-width:none!important;max-height:none!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;z-index:1000!important}.rest-day-modal-panel .mat-mdc-dialog-container{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.rest-day-modal-panel .mat-mdc-dialog-container .mdc-dialog{background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;position:static!important;transform:none!important}.rest-day-modal-panel .mat-mdc-dialog-container .mdc-dialog__container{display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;width:auto!important;position:static!important}.rest-day-modal-panel .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;position:static!important;transform:none!important}.rest-day-modal-panel .mat-mdc-dialog-container .mdc-dialog__content,.rest-day-modal-panel .mat-mdc-dialog-container .mat-mdc-dialog-content,.rest-day-modal-panel .mat-mdc-dialog-container .mat-dialog-content{background:transparent!important;padding:0!important;margin:0!important}.rest-day-modal-panel *{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.rest-day-modal-panel app-rest-day-modal,.rest-day-modal-panel app-rest-day-modal *{color:inherit!important}.rest-day-modal-panel app-rest-day-modal{background:#1e293b!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000080!important;overflow:hidden!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.rest-day-modal-panel .mat-mdc-select-panel{background:#334155!important;border:1px solid #475569!important;border-radius:8px!important}.rest-day-modal-panel .mat-mdc-option{color:#f8fafc!important}.rest-day-modal-panel .mat-mdc-option:hover{background:#475569!important}.rest-day-modal-panel .mat-mdc-option.mdc-list-item--selected{background:#3b82f6!important}.rest-day-modal-backdrop{background:#000000bf!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cdk-overlay-pane:has(.rest-day-modal-panel){display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;max-width:none!important;max-height:none!important}.cdk-overlay-pane[style*=rest-day-modal-panel]{display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;max-width:none!important;max-height:none!important}@media (max-width: 768px){.rest-day-modal-panel,.rest-day-modal-panel .mat-mdc-dialog-container{padding:var(--space-4, 1rem)!important}}@media (max-width: 480px){.rest-day-modal-panel,.rest-day-modal-panel .mat-mdc-dialog-container{padding:var(--space-8, 2rem)!important}}