.sidebar{width:260px;height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:100;position:relative}.sidebar.collapsed{width:80px}.sidebar-tooltip{position:fixed;left:88px;background:var(--surface-elevated);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-small);font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-strong);animation:tooltipFadeIn .15s ease}.sidebar-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--surface-elevated)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sidebar-header{padding:var(--space-lg);display:flex;align-items:center;justify-content:space-between;height:80px}.logo-wordmark{height:auto;width:100%;max-width:180px;object-fit:contain}.logo-icon-small{width:36px;height:36px;object-fit:contain}.collapse-btn{color:var(--text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--overlay-light);border:1px solid transparent;transition:all .2s}.collapse-btn:hover{color:var(--text-primary);background:var(--overlay-strong);border-color:var(--border)}.status-area{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);margin:0 var(--space-md);background:var(--primary-light-subtle);border:1px solid var(--primary-light);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.sidebar.collapsed .status-area{justify-content:center;padding:var(--space-sm);margin:0 var(--space-sm)}.status-icon{color:var(--primary);flex-shrink:0}.status-icon-only{color:var(--primary)}.status-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.status-date{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500}.status-time{font-size:var(--font-xs);color:var(--primary);font-weight:600}.sidebar-nav{padding:var(--space-md);flex:1;display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:var(--space-xs)}.nav-group-title{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-md);margin-bottom:var(--space-xs);letter-spacing:.05em}.nav-group-divider{height:1px;background:var(--border);margin:var(--space-xs) var(--space-md)}.nav-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);min-height:44px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;gap:var(--space-md);position:relative;border:1px solid transparent;margin:0 var(--space-xs)}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-sm);margin:0}.sidebar.collapsed .nav-item.active:before{left:0;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-item.active{color:var(--primary);background:linear-gradient(90deg,#6366f126,#6366f10d);border-color:var(--primary);font-weight:600;box-shadow:inset 0 0 0 1px #6366f133}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 0 12px var(--primary),0 0 4px var(--primary)}.nav-item.active .nav-icon{color:var(--primary)}.nav-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-sidebar),0 0 0 4px var(--primary);background:var(--surface-hover)}.nav-item.active:focus-visible{box-shadow:0 0 0 2px var(--bg-sidebar),0 0 0 4px var(--primary),inset 0 0 0 1px #6366f133}.nav-item.secondary{color:var(--text-muted)}.nav-item.secondary:hover{color:var(--text-secondary);background:var(--surface-hover)}.active-indicator{display:none}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px;transition:transform .2s}.nav-item:active .nav-icon{transform:scale(.9)}.nav-label{font-size:var(--font-small);font-weight:600}.sidebar-secondary{padding:var(--space-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border);background:#0003}.user-menu-container{position:relative}.user-menu-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;color:var(--text-primary)}.user-menu-trigger:hover{background:var(--surface-hover);border-color:var(--border)}.user-menu-trigger.open{background:var(--surface-selected);border-color:var(--border-focus)}.user-info{display:flex;align-items:center;gap:var(--space-md)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;flex-shrink:0}.avatar.small{width:32px;height:32px;font-size:.75rem}.user-details{overflow:hidden;text-align:left}.user-name{font-size:.875rem;font-weight:600;margin:0;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-muted);margin:0}.menu-arrow{color:var(--text-muted);transition:transform .2s}.menu-arrow.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-xs);box-shadow:0 -4px 20px #0000004d;animation:dropdownSlideUp .15s ease;z-index:200}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-small);cursor:pointer;transition:all .15s;text-align:left}.dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-bg);color:var(--error)}.dropdown-divider{height:1px;background:var(--border);margin:var(--space-xs) 0}.collapsed-user-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.collapsed-action-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s}.collapsed-action-btn:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text-primary)}.collapsed-action-btn.sign-out:hover{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}.mobile-menu-btn{display:none;position:fixed;top:var(--space-md);left:var(--space-md);z-index:101;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}.desktop-only{display:none}.mobile-only{display:flex}.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.sidebar.collapsed{width:280px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-group-title,.sidebar.collapsed .logo-wordmark{display:block}.sidebar.collapsed .logo-icon-small{display:none}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:var(--space-sm) var(--space-md);margin:0 var(--space-xs)}.sidebar.collapsed .status-area{justify-content:flex-start;padding:var(--space-sm) var(--space-lg);margin:0 var(--space-md)}.sidebar.collapsed .status-content{display:flex}.sidebar.collapsed .status-icon-only{display:none}.sidebar.collapsed .status-icon{display:block}.sidebar-tooltip,.sidebar.collapsed .collapsed-user-actions{display:none}.sidebar.collapsed .user-menu-container{display:block}}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.theme-toggle-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-bottom:var(--space-sm)}.theme-toggle-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.theme-toggle-track{position:relative;width:44px;height:24px;background:var(--surface-hover);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:space-between;padding:0 5px;flex-shrink:0}.theme-icon{color:var(--text-muted);z-index:1;transition:color .2s}.theme-icon.sun{color:var(--warning)}.theme-icon.moon{color:var(--primary)}.theme-toggle-thumb{position:absolute;top:3px;width:18px;height:18px;background:var(--text-primary);border-radius:var(--radius-full);transition:transform .2s ease,background .2s;box-shadow:var(--shadow-sm)}.theme-toggle-thumb.dark{transform:translate(22px)}.theme-toggle-thumb.light{transform:translate(1px)}.theme-toggle-label{font-size:var(--font-small);font-weight:500}.theme-toggle-collapsed{color:var(--text-muted)}.theme-toggle-collapsed:hover{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}[data-theme=light] .theme-toggle-track{background:var(--overlay-strong)}[data-theme=light] .theme-toggle-thumb{background:var(--bg-sidebar);box-shadow:var(--shadow-md)}[data-theme=light] .theme-toggle-collapsed:hover{color:var(--primary);background:var(--primary-light);border-color:var(--border-focus)}.sidebar-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-modal{background:var(--bg-sidebar);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .25s ease}.sidebar-modal.settings-modal{max-width:560px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border)}.sidebar-modal-header h3{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.sidebar-modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.sidebar-modal-header .close-btn:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text-primary)}.sidebar-modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.sidebar-modal-body p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.sidebar-modal-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-modal-body ul li{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-small);padding:var(--space-sm) var(--space-md);background:var(--surface-base);border-radius:var(--radius-sm);border:1px solid var(--border)}.sidebar-modal-body ul li:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0}.sidebar-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border);background:#0000001a}.sidebar-modal-footer .secondary-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-small);font-weight:500;cursor:pointer;transition:all .2s}.sidebar-modal-footer .secondary-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.sidebar-modal-footer .primary-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);font-size:var(--font-small);font-weight:500;cursor:pointer;transition:all .2s}.sidebar-modal-footer .primary-btn:hover{background:var(--primary-hover);color:var(--text-on-primary-hover);box-shadow:0 4px 12px #00d09b4d}.settings-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--surface-base);border-bottom:1px solid var(--border)}.settings-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-small);font-weight:500;cursor:pointer;transition:all .2s}.settings-tab:hover{color:var(--text-secondary);background:var(--surface-hover)}.settings-tab.active{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.settings-section{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface-base);border-radius:var(--radius-md);border:1px solid var(--border)}.profile-header .avatar.large{width:64px;height:64px;font-size:1.5rem}.profile-info h4{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.profile-info p{font-size:var(--font-small);color:var(--text-muted);margin:0}.settings-group{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-group label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-small);font-weight:600;color:var(--text-primary)}.settings-input{padding:var(--space-sm) var(--space-md);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-small);transition:all .2s}.settings-input:disabled{opacity:.7;cursor:not-allowed}.settings-hint{font-size:var(--font-xs);color:var(--text-muted)}.settings-toggle-group{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-md)}.settings-toggle-group span{font-size:var(--font-small);color:var(--text-secondary)}.toggle-placeholder{font-size:var(--font-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);background:var(--surface-hover);border-radius:var(--radius-sm)}.toggle-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn:hover{background:var(--primary);color:#fff}.toast-container{position:fixed;top:var(--space-xl);right:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);z-index:9999;pointer-events:none}.toast-item{pointer-events:auto;min-width:300px;max-width:450px;padding:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:1px solid var(--border-strong);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--space-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast-item.success{border-left:3px solid var(--success)}.toast-item.error{border-left:3px solid var(--error)}.toast-item.warning{border-left:3px solid var(--warning)}.toast-item.info{border-left:3px solid var(--primary)}.toast-icon{margin-top:2px;flex-shrink:0}.toast-message{font-size:var(--font-small);font-weight:500;color:var(--text-primary);flex:1;line-height:1.4}.toast-close{color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:all .2s;flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:#ffffff0d}@media(max-width:768px){.toast-container{top:auto;bottom:var(--space-md);left:var(--space-sm);right:var(--space-sm)}.toast-item{min-width:auto;max-width:100%;width:100%}}@media(max-width:480px){.toast-container{bottom:var(--space-sm);left:var(--space-xs);right:var(--space-xs)}.toast-item{padding:var(--space-sm);gap:var(--space-sm)}.toast-message{font-size:var(--font-xs)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%}.page-loader-wrapper{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.page-loader-spinner{position:absolute;inset:0;animation:page-loader-spin 1s linear infinite}.page-loader-track{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(0,208,155,.15)}.page-loader-fill{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-right-color:var(--primary);filter:drop-shadow(0 0 8px rgba(0,208,155,.5))}.page-loader-pulse{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#00E8AD 100%);animation:page-loader-pulse 1.5s ease-in-out infinite;box-shadow:0 0 16px #00d09b99}@keyframes page-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes page-loader-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.6}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter var(--transition-slow)}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em var(--primary-muted))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.card-compact{padding:var(--space-md)}.card-flush{padding:0}.read-the-docs{color:var(--text-muted)}:root{--bg-main: #10141C;--bg-sidebar: #0C0F16;--surface-base: rgba(20, 25, 36, .4);--surface-elevated: rgba(26, 32, 46, .6);--surface-hover: rgba(34, 42, 56, .8);--surface-selected: rgba(0, 208, 155, .15);--surface-pressed: rgba(0, 208, 155, .25);--bg-card: var(--surface-elevated);--bg-card-hover: var(--surface-hover);--primary: #00D09B;--primary-hover: #00E8AD;--primary-light: rgba(0, 208, 155, .1);--primary-light-subtle: rgba(0, 208, 155, .05);--primary-muted: rgba(0, 208, 155, .6);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-bg-subtle: rgba(16, 185, 129, .05);--success-border: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--warning-bg-subtle: rgba(245, 158, 11, .05);--warning-border: rgba(245, 158, 11, .2);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--error-bg-subtle: rgba(239, 68, 68, .05);--error-border: rgba(239, 68, 68, .2);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--info-bg-subtle: rgba(59, 130, 246, .05);--info-border: rgba(59, 130, 246, .2);--accent-purple: #a855f7;--accent-purple-light: #c084fc;--accent-purple-bg: rgba(168, 85, 247, .1);--success-light: #34d399;--warning-light: #fbbf24;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #94A3B8;--text-disabled: #475569;--text-inverse: #0F172A;--text-on-primary: #0A3D31;--text-on-primary-hover: #052921;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-focus: rgba(0, 208, 155, .4);--border-subtle: rgba(255, 255, 255, .04);--overlay-subtle: rgba(255, 255, 255, .02);--overlay-light: rgba(255, 255, 255, .03);--overlay-medium: rgba(255, 255, 255, .05);--overlay-strong: rgba(255, 255, 255, .1);--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);--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;--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;--page-header-height: 64px;--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(0, 208, 155, .25);--shadow-primary-lg: 0 8px 20px rgba(0, 208, 155, .35);--glass: blur(12px);--glass-border: 1px solid rgba(255, 255, 255, .08);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .2s cubic-bezier(.4, 0, .2, 1);--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)}}@media(max-width:480px){:root{--space-page-x: var(--space-sm);--content-gutter: var(--space-sm)}}[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(0, 166, 124, .12);--surface-pressed: rgba(0, 166, 124, .18);--bg-card: #F8FAFC;--bg-card-hover: #F1F5F9;--primary: #00A67C;--primary-hover: #009970;--primary-light: rgba(0, 166, 124, .1);--primary-light-subtle: rgba(0, 166, 124, .05);--primary-muted: rgba(0, 166, 124, .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);--accent-purple: #9333ea;--accent-purple-light: #a855f7;--accent-purple-bg: rgba(147, 51, 234, .1);--success-light: #10b981;--warning-light: #f59e0b;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-disabled: #94A3B8;--text-inverse: #F8FAFC;--text-on-primary: #FFFFFF;--text-on-primary-hover: #FFFFFF;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--border-focus: rgba(0, 166, 124, .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);--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(0, 166, 124, .2);--shadow-primary-lg: 0 8px 20px rgba(0, 166, 124, .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;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}html,body{height:100%;overflow-x:hidden}#root{width:100%;min-height:100%;min-height:100dvh;background-color:var(--bg-main)}.app-container{display:flex;width:100%;min-height:100vh;min-height:100dvh}.main-content{flex:1;overflow-y:auto;min-height:100vh;min-height:100dvh;scroll-behavior:smooth;background-color:var(--bg-main)}.main-content-full{width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-main)}.page-layout{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--content-gutter);min-height:100%}.page-layout--wide{max-width:var(--max-content-width-wide)}.page-layout--full{max-width:100%}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);color:var(--text-secondary)}.loading-screen .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.main-content{padding-top:72px}}