.app-container{display:flex;min-height:100vh;min-height:100dvh;background-color:var(--bg-main);background-image:radial-gradient(circle at 0% 0%,rgba(234,179,8,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(239,68,68,.05) 0%,transparent 50%);overflow:hidden}.main-content{flex:1;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;position:relative;padding:var(--space-page-y) var(--space-page-x);transition:all var(--transition-slow)}.main-content-full{flex:1;width:100%}.card{position:relative;background:var(--surface-glass);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:hover{transform:translateY(-2px);background:var(--surface-hover);border-color:#fff3;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-compact{padding:var(--space-md)}.card-flush{padding:0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;gap:var(--space-md);background:var(--bg-main)}.loading-screen p{color:var(--text-secondary);font-weight:500}:root{--color-background-base: #0A0A0B;--color-background-sidebar: #050506;--color-background-surface: #121214;--color-background-elevated: #1C1C1F;--color-background-glass: rgba(18, 18, 20, .6);--bg-main: var(--color-background-base);--bg-sidebar: var(--color-background-sidebar);--surface-base: var(--color-background-surface);--surface-elevated: var(--color-background-elevated);--bg-card: var(--color-background-elevated);--color-primary: #00FFBE;--color-primary-hover: #33FFCA;--color-primary-active: #00D9A2;--color-primary-muted: rgba(0, 255, 190, .15);--color-text-on-primary: #020203;--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--text-on-primary: var(--color-text-on-primary);--color-success: #00E676;--color-warning: #FFAB00;--color-danger: #FF5252;--color-info: #00B0FF;--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-danger);--info: var(--color-info);--color-text-primary: #F5F5F7;--color-text-secondary: #A1A1A6;--color-text-muted: #6E6E73;--color-text-disabled: #424245;--color-text-inverse: #020203;--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: var(--color-text-disabled);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-border-glass: rgba(255, 255, 255, .1);--border: var(--color-border);--border-strong: var(--color-border-strong);--grad-gemini: linear-gradient(135deg, var(--color-primary) 0%, #00B0FF 100%);--grad-surface: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--grad-glow: radial-gradient(circle at center, rgba(0, 255, 190, .15) 0%, transparent 70%);--hover-overlay: rgba(255, 255, 255, .04);--active-overlay: rgba(255, 255, 255, .08);--focus-ring: 0 0 0 2px var(--color-background-base), 0 0 0 4px var(--color-primary);--focus-ring-error: 0 0 0 2px var(--color-background-base), 0 0 0 4px var(--color-danger);--focus-ring-offset: 2px;--font-h1: clamp(2rem, 5vw, 2.5rem);--line-height-h1: 1.2;--letter-spacing-h1: -.025em;--font-h2: clamp(1.5rem, 3vw, 1.875rem);--line-height-h2: 1.25;--letter-spacing-h2: -.02em;--font-h3: clamp(1.125rem, 2vw, 1.25rem);--line-height-h3: 1.3;--letter-spacing-h3: -.015em;--font-body: 1rem;--line-height-body: 1.5;--letter-spacing-body: 0;--font-small: .875rem;--line-height-small: 1.5;--font-xs: .75rem;--line-height-xs: 1.4;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-data: var(--font-weight-bold);--bp-xs: 360px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1200px;--space-inline: 1rem;--space-stack: 1rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--space-page-x: var(--space-lg);--space-page-y: var(--space-lg);--content-gutter: var(--space-lg);--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--max-content-width: 1400px;--max-content-width-wide: 1800px;--header-height: 72px;--page-header-height: 130px;--page-header-height-tablet: 150px;--page-header-height-mobile: 170px;--touch-target-min: 44px;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 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-primary: 0 4px 12px rgba(234, 179, 8, .25);--shadow-primary-lg: 0 8px 20px rgba(234, 179, 8, .35);--glass: blur(16px) saturate(180%);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-thick: blur(24px) saturate(200%);--motion-duration-fast: .15s;--motion-duration-base: .2s;--motion-duration-slow: .3s;--motion-duration-enter: .2s;--motion-duration-exit: .15s;--motion-ease-default: ease;--motion-ease-out: ease-out;--motion-ease-in-out: ease-in-out;--motion-ease-spring: cubic-bezier(.4, 0, .2, 1);--motion-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: var(--motion-duration-fast) var(--motion-ease-default);--transition-base: var(--motion-duration-base) var(--motion-ease-default);--transition-slow: var(--motion-duration-slow) var(--motion-ease-default);--transition-spring: var(--motion-duration-base) var(--motion-ease-spring);--transition-bounce: var(--motion-duration-base) var(--motion-ease-bounce);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--checkbox-size: 20px;--checkbox-spacing: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;color:inherit}.h1,h1{font-size:var(--font-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);font-weight:var(--font-weight-extrabold)}.h2,h2{font-size:var(--font-h2);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);font-weight:var(--font-weight-bold)}.h3,h3{font-size:var(--font-h3);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3);font-weight:var(--font-weight-semibold)}.text-body{font-size:var(--font-body);line-height:var(--line-height-body)}.text-small{font-size:var(--font-small);line-height:var(--line-height-small)}.text-xs{font-size:var(--font-xs);line-height:var(--line-height-xs)}.label{font-size:.8rem;line-height:1.6;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.helper{font-size:var(--font-small);color:var(--text-muted);line-height:1.6}.caption{font-size:.8rem;color:var(--text-muted);line-height:1.6}.data-value{font-weight:var(--font-weight-data);font-variant-numeric:tabular-nums}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary-color{color:var(--text-primary)}.text-secondary-color{color:var(--text-secondary)}.text-muted-color{color:var(--text-muted)}.separator{height:1px;background:var(--border);margin:var(--space-md) 0}.separator-subtle{height:1px;background:var(--border-subtle);margin:var(--space-sm) 0}.separator-strong{height:1px;background:var(--border-strong);margin:var(--space-lg) 0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}*:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible,.action-btn:focus-visible,.btn:focus-visible,.btn-sm:focus-visible,.btn-md:focus-visible,.btn-lg:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)}a:focus-visible,[role=link]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[role=menuitemcheckbox]:focus-visible,[role=menuitemradio]:focus-visible{outline:none;box-shadow:var(--focus-ring)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--primary)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:var(--focus-ring)}[role=checkbox]:focus-visible,[role=radio]:focus-visible,[role=switch]:focus-visible,.checkbox-wrapper:focus-within,.radio-wrapper:focus-within{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}[role=listbox]:focus-visible,[role=combobox]:focus-visible,[role=option]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.selection-card:focus-visible,.option-chip:focus-visible,.preset-chip:focus-visible,.tag-chip:focus-visible,.filter-chip:focus-visible{outline:none;box-shadow:var(--focus-ring),0 0 0 6px var(--primary-light)}[role=slider]:focus-visible,[role=spinbutton]:focus-visible{outline:none;box-shadow:var(--focus-ring)}[tabindex]:not([tabindex="-1"]):focus-visible{outline:none;box-shadow:var(--focus-ring)}.error:focus-visible,input.error:focus-visible,select.error:focus-visible,textarea.error:focus-visible,[aria-invalid=true]:focus-visible{box-shadow:var(--focus-ring-error);border-color:var(--error)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.shimmer,.skeleton,.skeleton-text,.skeleton-line,.btn-loading:after,.spinning,.loading-bar,.loading-pulse-ring{animation:none!important}}@media(max-width:768px){:root{--space-page-x: var(--space-md);--content-gutter: var(--space-md);--page-header-height: var(--page-header-height-tablet)}}@media(max-width:480px){:root{--space-page-x: var(--space-sm);--content-gutter: var(--space-sm);--page-header-height: var(--page-header-height-mobile)}}[data-theme=light]{--bg-main: #E8ECF1;--bg-sidebar: #FFFFFF;--surface-base: rgba(248, 250, 252, .95);--surface-elevated: #F8FAFC;--surface-hover: #EEF1F5;--surface-selected: rgba(202, 138, 4, .12);--surface-pressed: rgba(202, 138, 4, .18);--bg-card: #F8FAFC;--bg-card-hover: #F1F5F9;--primary: #CA8A04;--primary-hover: #A16207;--primary-light: rgba(202, 138, 4, .1);--primary-light-subtle: rgba(202, 138, 4, .05);--primary-muted: rgba(202, 138, 4, .6);--success: #059669;--success-bg: rgba(5, 150, 105, .1);--success-bg-subtle: rgba(5, 150, 105, .05);--success-border: rgba(5, 150, 105, .2);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .1);--warning-bg-subtle: rgba(217, 119, 6, .05);--warning-border: rgba(217, 119, 6, .2);--error: #DC2626;--error-bg: rgba(220, 38, 38, .1);--error-bg-subtle: rgba(220, 38, 38, .05);--error-border: rgba(220, 38, 38, .2);--info: #2563EB;--info-bg: rgba(37, 99, 235, .1);--info-bg-subtle: rgba(37, 99, 235, .05);--info-border: rgba(37, 99, 235, .2);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-disabled: #94A3B8;--text-inverse: #F8FAFC;--color-background-base: var(--bg-main);--color-primary: var(--primary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--text-on-primary: #422006;--text-on-primary-hover: #FFFFFF;--text-on-success: #FFFFFF;--text-on-warning: #1A0A00;--text-on-error: #FFFFFF;--text-on-info: #FFFFFF;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--border-focus: rgba(202, 138, 4, .4);--border-subtle: rgba(0, 0, 0, .04);--overlay-subtle: rgba(0, 0, 0, .02);--overlay-light: rgba(0, 0, 0, .03);--overlay-medium: rgba(0, 0, 0, .04);--overlay-strong: rgba(0, 0, 0, .06);--overlay-border: rgba(0, 0, 0, .08);--overlay-border-strong: rgba(0, 0, 0, .15);--focus-ring: 0 0 0 2px var(--bg-main), 0 0 0 4px var(--primary);--focus-ring-error: 0 0 0 2px var(--bg-main), 0 0 0 4px var(--error);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-primary: 0 4px 12px rgba(202, 138, 4, .2);--shadow-primary-lg: 0 8px 20px rgba(202, 138, 4, .25);--glass: none;--glass-border: 1px solid rgba(0, 0, 0, .08)}[data-theme=light] .glass-card{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);box-shadow:var(--shadow-md)}[data-theme=light] .glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}html{transition:background-color .2s ease,color .2s ease}html *{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}html.no-transition,html.no-transition *{transition:none!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:var(--bg-main);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light;--bg-main: var(--bg-main);--text-primary: var(--text-primary)}html,body{height:100%;margin:0;padding:0}#root{width:100%;min-height:100%;min-height:100dvh;background-color:var(--bg-main)}.app-container{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden}.main-content{flex:1;overflow-y:auto;height:100%;scroll-behavior:smooth;background-color:var(--bg-main)}.main-content-full{height:100%;flex:1;padding:0;width:100%}.page-container{flex:1;overflow-y:auto;padding:var(--spacing-8) var(--spacing-8) var(--spacing-12);scroll-behavior:smooth;width:100%}.sidebar.collapsed+.main-content{margin-left:var(--sidebar-collapsed-width)}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background-base);z-index:var(--z-index-modal);gap:var(--spacing-4)}.loading-screen p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.spin{animation:spin var(--motion-duration-slow) linear infinite;color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.main-content{padding-top:72px}}