.lunch-break-controls{margin:var(--space-4) 0}.lunch-action{min-width:160px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--theme-text-inverse);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lunch-status{border-left:var(--border-2) solid var(--theme-primary)}.lunch-pulse{width:10px;height:10px;background:var(--theme-warning);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.lunch-auto-deduct-badge{margin-left:var(--space-2)}.lunch-timeline-container{margin:2rem 0;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.timeline-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.timeline-bar-container{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.timeline-bar{position:relative;display:flex;height:50px;background:#e9ecef;border-radius:25px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.timeline-segment{display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.timeline-segment:hover{filter:brightness(1.1)}.work-segment{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lunch-segment{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600}.segment-label{font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.timeline-current-indicator{position:absolute;right:0;top:0;bottom:0;width:3px;background:#dc3545;z-index:10}.current-marker{position:absolute;top:-6px;right:-6px;width:15px;height:15px;background:#dc3545;border-radius:50%;border:3px solid white;animation:pulse-marker 1.5s ease-in-out infinite}@keyframes pulse-marker{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.timeline-events{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.timeline-event{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;transition:background .2s ease}.timeline-event:hover{background:#e9ecef}.event-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.25rem;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000001a}.event-icon-checkin{background:linear-gradient(135deg,#667eea,#764ba2)}.event-icon-lunch{background:linear-gradient(135deg,#f093fb,#f5576c)}.event-icon-lunch-end{background:linear-gradient(135deg,#43e97b,#38f9d7)}.event-icon-checkout{background:linear-gradient(135deg,#fa709a,#fee140)}.event-details{flex:1}.event-time{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.event-label{font-size:.9rem;color:#6c757d;display:flex;align-items:center;gap:.5rem}.timeline-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.summary-card{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.summary-card-highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-value{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.summary-card-highlight .summary-value{color:#fff}.summary-label{font-size:.85rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.summary-card-highlight .summary-label{color:#ffffffe6}@media(max-width:768px){.timeline-bar{height:40px}.segment-label{font-size:.75rem}.timeline-summary{grid-template-columns:1fr}.timeline-events{font-size:.9rem}.event-time{font-size:1rem}}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background-color .3s ease}.theme-toggle:hover{background-color:var(--theme-surface-hover)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px var(--theme-primary-light)}.theme-toggle-track{position:relative;width:44px;height:24px;background-color:var(--theme-border);border-radius:12px;transition:background-color .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding:2px}[data-theme=dark] .theme-toggle-track{background-color:var(--theme-primary)}.theme-toggle-thumb{position:absolute;width:20px;height:20px;background-color:var(--theme-surface);border-radius:50%;left:2px;display:flex;align-items:center;justify-content:center;transition:left .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;box-shadow:var(--theme-shadow-sm)}[data-theme=dark] .theme-toggle-thumb{left:22px;background-color:var(--theme-text-inverse)}.theme-icon{width:12px;height:12px;color:var(--theme-primary);stroke-width:2}[data-theme=dark] .theme-icon{color:var(--theme-accent)}.theme-toggle-label{font-size:16px;display:flex;align-items:center;height:24px;min-width:24px;-webkit-user-select:none;user-select:none}.theme-toggle:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}@media(prefers-contrast:more){.theme-toggle-track,.theme-toggle-thumb{border:2px solid var(--theme-text-primary)}}@media(prefers-reduced-motion:reduce){.theme-toggle-track,.theme-toggle-thumb{transition:none}}.navigation{background-color:var(--theme-surface);border-bottom:1px solid var(--theme-border);box-shadow:var(--theme-shadow-md);position:sticky;top:0;z-index:100;transition:background-color .3s var(--theme-transition-timing),border-color .3s var(--theme-transition-timing),box-shadow .3s var(--theme-transition-timing)}.navigation-container{max-width:1400px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:60px}.navigation-logo{display:flex;align-items:center;gap:.625rem;min-width:fit-content;cursor:pointer;text-decoration:none;color:inherit;transition:opacity .2s ease}.navigation-logo:hover{opacity:.8}.logo-icon{width:28px;height:28px;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(59,130,246,.3))}[data-theme=dark] .logo-icon{filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.logo-text{font-size:1.125rem;font-weight:700;color:var(--theme-text-primary);letter-spacing:.5px;transition:color .3s var(--theme-transition-timing)}.navigation-items{display:flex;align-items:center;gap:1.5rem;flex:1}.nav-link{color:var(--theme-text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;padding:.5rem .875rem;border-radius:6px;transition:color .3s var(--theme-transition-timing),background-color .3s var(--theme-transition-timing);white-space:nowrap}.nav-link:hover{color:var(--theme-primary);background-color:var(--theme-surface-hover)}.nav-link:active{color:var(--theme-primary-dark)}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;cursor:pointer}.dropdown-arrow{width:16px;height:16px;transition:transform .2s ease;color:var(--theme-text-secondary)}.nav-dropdown-toggle[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:6px;min-width:180px;box-shadow:var(--theme-shadow-lg);z-index:1000;overflow:hidden}.nav-dropdown-item{display:block;padding:.75rem 1rem;color:var(--theme-text-secondary);text-decoration:none;transition:color .3s var(--theme-transition-timing),background-color .3s var(--theme-transition-timing);font-weight:500;font-size:.95rem;border-bottom:1px solid var(--theme-border);cursor:pointer}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover,.nav-dropdown-item:focus{color:var(--theme-primary);background-color:var(--theme-surface-hover)}.nav-dropdown-item:focus{outline:2px solid var(--theme-primary);outline-offset:-2px}.nav-dropdown-item:active{background-color:var(--theme-primary);color:var(--theme-text-inverse)}.navigation-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-name{font-weight:600;color:var(--theme-text-primary);font-size:.875rem;transition:color .3s var(--theme-transition-timing)}.user-role{font-size:.75rem;color:var(--theme-text-tertiary);transition:color .3s var(--theme-transition-timing)}.logout-btn{background-color:var(--theme-danger);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s var(--theme-transition-timing),transform .15s ease-in-out,box-shadow .3s var(--theme-transition-timing);padding:0}.logout-btn svg{width:18px;height:18px;stroke:#fff}.logout-btn:hover{background-color:var(--theme-danger-light);transform:scale(1.05)}.logout-btn:active{transform:scale(.95)}.logout-btn:focus{outline:none;box-shadow:0 0 0 3px #ef444433}@media(max-width:768px){.navigation-container{gap:1rem;padding:.5rem 1rem}.logo-text{font-size:1rem}.navigation-items{gap:1rem;flex:0}.nav-link{font-size:.875rem;padding:.375rem .5rem}.nav-dropdown-menu{min-width:160px}.nav-dropdown-item{padding:.625rem .75rem;font-size:.875rem}.user-info{display:none}.user-name,.user-role{font-size:.75rem}}@media(max-width:640px){.navigation-container{flex-wrap:wrap}.navigation-logo{gap:.5rem}.logo-icon{width:28px;height:28px}.logo-text{font-size:.875rem}.navigation-items{order:3;width:100%;gap:.5rem}.nav-link{font-size:.75rem;padding:.25rem .5rem}.nav-dropdown-menu{min-width:140px}.nav-dropdown-item{padding:.5rem .75rem;font-size:.75rem}.navigation-right{gap:.5rem}}.navigation-logo:focus,.nav-link:focus,.logout-btn:focus{outline:2px solid var(--theme-primary);outline-offset:2px}@media print{.navigation{display:none}}.feedback-fab{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-dark));color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.9375rem;cursor:pointer;box-shadow:0 4px 12px #0003,0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.feedback-fab:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040,0 3px 6px #00000026}.feedback-fab:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.feedback-fab svg{width:20px;height:20px;stroke-width:2.5}.feedback-fab-text{white-space:nowrap}@media(max-width:640px){.feedback-fab{width:56px;height:56px;padding:0;justify-content:center;border-radius:50%}.feedback-fab-text{display:none}.feedback-fab svg{width:24px;height:24px}}.feedback-modal-backdrop{position:fixed;inset:0;z-index:1000;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background-color:var(--theme-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--theme-border)}.feedback-close-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--theme-text-secondary);transition:color .2s ease,background-color .2s ease;border-radius:4px}.feedback-close-btn:hover{color:var(--theme-text-primary);background-color:var(--theme-surface-hover)}.feedback-close-btn svg{width:20px;height:20px;display:block}.feedback-form{padding:1.5rem}.feedback-field{margin-bottom:1.5rem}.feedback-field:last-of-type{margin-bottom:0}.feedback-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--theme-border);margin-top:1.5rem}@media(max-width:640px){.feedback-modal{max-width:100%;max-height:100vh;border-radius:0}.feedback-fab{bottom:1.5rem;right:1.5rem}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--theme-background);color:var(--theme-text-primary);transition:background-color .3s var(--theme-transition-timing),color .3s var(--theme-transition-timing)}.dashboard-main{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:2rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-main h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--theme-text-primary);transition:color .3s var(--theme-transition-timing)}.dashboard-main h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--theme-text-primary);transition:color .3s var(--theme-transition-timing)}.dashboard-main p{color:var(--theme-text-secondary);transition:color .3s var(--theme-transition-timing);line-height:1.6}.dashboard-main a{color:var(--theme-primary);text-decoration:none;font-weight:500;transition:color .3s var(--theme-transition-timing);display:inline-flex;align-items:center;gap:.5rem}.dashboard-main a:hover{color:var(--theme-primary-light);text-decoration:underline}.dashboard-main>div{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem;transition:background-color .3s var(--theme-transition-timing),border-color .3s var(--theme-transition-timing),box-shadow .3s var(--theme-transition-timing)}.dashboard-main>div:hover{box-shadow:var(--theme-shadow-md);border-color:var(--theme-primary)}@media(max-width:768px){.dashboard-main{padding:1rem}.dashboard-main h2{font-size:1.5rem;margin-bottom:1rem}.dashboard-main h3{font-size:1.125rem;margin-bottom:.75rem}.dashboard-main>div{padding:1rem;margin-bottom:1.5rem}}@media(max-width:640px){.dashboard-main{padding:.75rem}.dashboard-main h2{font-size:1.25rem}.dashboard-main h3{font-size:1rem}}[data-theme=dark] .dashboard-main>div{background-color:var(--theme-surface);border-color:var(--theme-border)}[data-theme=dark] .dashboard-main>div:hover{border-color:var(--theme-primary);box-shadow:var(--theme-glow-md)}@media print{.dashboard-container{background-color:#fff;color:#000}.dashboard-main{padding:0}}.invite-accept-page{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.06),transparent 30%),radial-gradient(circle at 80% 0%,rgba(16,185,129,.06),transparent 25%),var(--theme-background)}.invite-accept-card{max-width:720px;margin:0 auto}.invite-eyebrow{letter-spacing:.08em}.input-control{width:100%;border:var(--border-1) solid var(--theme-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);background:var(--theme-background-secondary);color:var(--theme-text-primary)}.input-control:focus{outline:none;border-color:var(--theme-primary);box-shadow:var(--focus-ring) var(--theme-primary-light)}.password-field{display:flex;align-items:center;gap:var(--space-2);border:var(--border-1) solid var(--theme-border);border-radius:var(--radius-md);background:var(--theme-surface);padding:var(--space-1) var(--space-2)}.password-field input{border:none;background:transparent;padding:var(--space-2) var(--space-1)}.password-field.has-error{border-color:var(--theme-danger);box-shadow:0 0 0 2px var(--theme-danger-light)}.toggle-visibility{background:transparent;color:var(--theme-primary);border:none;padding:var(--space-2) var(--space-3);font-weight:var(--font-bold);cursor:pointer}.field-error{color:var(--theme-danger);font-size:var(--text-sm)}.strength-meter{margin-top:var(--space-1);width:100%;height:8px;background:var(--theme-background-tertiary);border-radius:var(--radius-full);overflow:hidden}.strength-meter-bar{height:100%;width:0%;border-radius:var(--radius-full);transition:width .35s ease,background .35s ease}.strength-0{background:var(--theme-danger)}.strength-1{background:linear-gradient(90deg,var(--theme-danger),var(--theme-warning))}.strength-2{background:linear-gradient(90deg,var(--theme-warning),#fbbf24)}.strength-3{background:linear-gradient(90deg,#f59e0b,var(--theme-secondary))}.strength-4{background:linear-gradient(90deg,var(--theme-secondary),var(--theme-primary))}.strength-label{display:flex;justify-content:space-between;color:var(--theme-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.strength-score{font-weight:var(--font-bold);color:var(--theme-text-primary)}.inline-status{border-left-width:var(--border-4)}:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1E40AF;--color-primary-800: #1E3A8A;--color-primary-900: #1E3A8A;--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-200: #A7F3D0;--color-success-300: #6EE7B7;--color-success-400: #34D399;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065F46;--color-success-900: #064E3B;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-gold-50: #FFFEF7;--color-gold-100: #FFF9E6;--color-gold-200: #FFF0C3;--color-gold-300: #FFE599;--color-gold-400: #FFD966;--color-gold-500: #D4AF37;--color-gold-600: #B8952E;--color-gold-700: #9C7B25;--color-gold-800: #80611C;--color-gold-900: #644713;--color-danger-50: #FEF2F2;--color-danger-100: #FEE2E2;--color-danger-200: #FECACA;--color-danger-300: #FCA5A5;--color-danger-400: #F87171;--color-danger-500: #EF4444;--color-danger-600: #DC2626;--color-danger-700: #B91C1C;--color-danger-800: #991B1B;--color-danger-900: #7F1D1D;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1E40AF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-dark-50: #F8FAFC;--color-dark-100: #F1F5F9;--color-dark-200: #E2E8F0;--color-dark-300: #CBD5E1;--color-dark-400: #94A3B8;--color-dark-500: #64748B;--color-dark-600: #475569;--color-dark-700: #334155;--color-dark-800: #1E293B;--color-dark-900: #0F172A;--color-neon-blue-light: #0369A1;--color-neon-blue-dark: #00D9FF;--color-neon-purple-light: #6D28D9;--color-neon-purple-dark: #B537F2;--color-neon-green-light: #16A34A;--color-neon-green-dark: #39FF14;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-px: 1px;--space-0-5: .125rem;--space-1-5: .375rem;--space-2-5: .625rem;--space-3-5: .875rem;--space-4-5: 1.125rem;--font-sans: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-system: system-ui, Avenir, Helvetica, Arial, sans-serif;--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: 2rem;--text-5xl: 2.5rem;--text-6xl: 3.2rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--border-0: 0;--border-1: 1px;--border-2: 2px;--border-4: 4px;--border-8: 8px;--radius-none: 0;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-heavy: 0 20px 60px rgba(0, 0, 0, .08);--shadow-dark-xs: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-dark-sm: 0 1px 3px 0 rgba(0, 0, 0, .6);--shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, .7);--shadow-dark-lg: 0 10px 15px -3px rgba(0, 0, 0, .8);--shadow-dark-xl: 0 20px 25px -5px rgba(0, 0, 0, .9);--glow-sm: 0 0 4px rgba(59, 130, 246, .15);--glow-md: 0 0 8px rgba(59, 130, 246, .2);--glow-lg: 0 0 16px rgba(59, 130, 246, .25);--glow-dark-sm: 0 0 4px rgba(59, 130, 246, .3);--glow-dark-md: 0 0 8px rgba(59, 130, 246, .4);--glow-dark-lg: 0 0 16px rgba(59, 130, 246, .5);--focus-ring: 0 0 0 3px;--focus-ring-offset: 0 0 0 2px;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 100;--z-fixed: 500;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1000;--z-tooltip: 1100;--z-toast: 1200;--duration-instant: 0s;--duration-fast: .15s;--duration-base: .25s;--duration-normal: .3s;--duration-slow: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1400px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-87: .87;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1;--size-icon-xs: 12px;--size-icon-sm: 16px;--size-icon-base: 20px;--size-icon-md: 24px;--size-icon-lg: 32px;--size-icon-xl: 40px;--size-icon-2xl: 48px;--size-btn-sm: 32px;--size-btn-base: 40px;--size-btn-lg: 48px;--size-input-sm: 32px;--size-input-base: 40px;--size-input-lg: 48px;--size-avatar-xs: 24px;--size-avatar-sm: 32px;--size-avatar-base: 40px;--size-avatar-md: 48px;--size-avatar-lg: 64px;--size-avatar-xl: 96px;--gradient-light-start: rgba(59, 130, 246, .02);--gradient-light-end: rgba(245, 158, 11, .02);--gradient-dark-start: rgba(59, 130, 246, .05);--gradient-dark-end: rgba(245, 158, 11, .05);--circuit-pattern-light: rgba(59, 130, 246, .01);--circuit-pattern-dark: rgba(59, 130, 246, .03)}[data-theme=dark]{--shadow-xs: var(--shadow-dark-xs);--shadow-sm: var(--shadow-dark-sm);--shadow-md: var(--shadow-dark-md);--shadow-lg: var(--shadow-dark-lg);--shadow-xl: var(--shadow-dark-xl);--glow-sm: var(--glow-dark-sm);--glow-md: var(--glow-dark-md);--glow-lg: var(--glow-dark-lg);--gradient-start: var(--gradient-dark-start);--gradient-end: var(--gradient-dark-end);--circuit-pattern: var(--circuit-pattern-dark)}:root{--theme-primary: #3B82F6;--theme-primary-light: #DBEAFE;--theme-primary-dark: #1E40AF;--theme-secondary: #10B981;--theme-secondary-light: #D1FAE5;--theme-secondary-dark: #047857;--theme-accent: #F59E0B;--theme-accent-light: #FEF3C7;--theme-accent-dark: #B45309;--theme-accent-gold: #D4AF37;--theme-accent-gold-hover: #B8952E;--theme-accent-gold-light: #FFE599;--theme-success: #10B981;--theme-success-light: #D1FAE5;--theme-warning: #F59E0B;--theme-warning-light: #FEF3C7;--theme-danger: #EF4444;--theme-danger-light: #FEE2E2;--theme-info: #3B82F6;--theme-info-light: #DBEAFE;--theme-background: #FFFFFF;--theme-background-secondary: #F9FAFB;--theme-background-tertiary: #F3F4F6;--theme-surface: #FFFFFF;--theme-surface-hover: #F3F4F6;--theme-surface-active: #E5E7EB;--theme-border: #E5E7EB;--theme-border-light: #F3F4F6;--theme-border-dark: #D1D5DB;--theme-text-primary: #111827;--theme-text-secondary: #6B7280;--theme-text-tertiary: #9CA3AF;--theme-text-inverse: #FFFFFF;--theme-link-color: #2563EB;--theme-link-hover: #1D4ED8;--theme-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--theme-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--theme-glow-sm: 0 0 4px rgba(59, 130, 246, .15);--theme-glow-md: 0 0 8px rgba(59, 130, 246, .2);--theme-glow-lg: 0 0 16px rgba(59, 130, 246, .25);--theme-neon-blue: #0369A1;--theme-neon-purple: #6D28D9;--theme-neon-green: #16A34A;--theme-gradient-start: rgba(59, 130, 246, .02);--theme-gradient-end: rgba(245, 158, 11, .02);--theme-circuit-pattern: rgba(59, 130, 246, .01);--theme-transition-duration: .3s;--theme-transition-timing: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--theme-primary: #3B82F6;--theme-primary-light: #60A5FA;--theme-primary-dark: #1E40AF;--theme-secondary: #10B981;--theme-secondary-light: #34D399;--theme-secondary-dark: #059669;--theme-accent: #F59E0B;--theme-accent-light: #FBBF24;--theme-accent-dark: #D97706;--theme-accent-gold: #D4AF37;--theme-accent-gold-hover: #B8952E;--theme-accent-gold-light: #FFE599;--theme-success: #10B981;--theme-success-light: #34D399;--theme-warning: #F59E0B;--theme-warning-light: #FBBF24;--theme-danger: #EF4444;--theme-danger-light: #F87171;--theme-info: #3B82F6;--theme-info-light: #60A5FA;--theme-background: #0F172A;--theme-background-secondary: #1E293B;--theme-background-tertiary: #334155;--theme-surface: #1E293B;--theme-surface-hover: #334155;--theme-surface-active: #475569;--theme-border: #475569;--theme-border-light: #64748B;--theme-border-dark: #334155;--theme-text-primary: #F8FAFC;--theme-text-secondary: #CBD5E1;--theme-text-tertiary: #94A3B8;--theme-text-inverse: #0F172A;--theme-link-color: #60A5FA;--theme-link-hover: #3B82F6;--theme-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .5);--theme-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .6);--theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .7);--theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .8);--theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .9);--theme-glow-sm: 0 0 4px rgba(59, 130, 246, .3);--theme-glow-md: 0 0 8px rgba(59, 130, 246, .4);--theme-glow-lg: 0 0 16px rgba(59, 130, 246, .5);--theme-neon-blue: #00D9FF;--theme-neon-purple: #B537F2;--theme-neon-green: #39FF14;--theme-gradient-start: rgba(59, 130, 246, .05);--theme-gradient-end: rgba(245, 158, 11, .05);--theme-circuit-pattern: rgba(59, 130, 246, .03)}body{background-color:var(--theme-background);color:var(--theme-text-primary);font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing)}a{color:var(--theme-link-color);text-decoration:none;transition:color var(--theme-transition-duration) var(--theme-transition-timing)}a:hover{color:var(--theme-link-hover)}button{background-color:var(--theme-primary);color:var(--theme-text-inverse);border:1px solid transparent;border-radius:6px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),box-shadow var(--theme-transition-duration) var(--theme-transition-timing),transform .15s ease-in-out}button:hover:not(:disabled){background-color:var(--theme-primary-light);box-shadow:var(--theme-glow-md)}button:active:not(:disabled){background-color:var(--theme-primary-dark);transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background-color:var(--theme-secondary)}button.secondary:hover:not(:disabled){background-color:var(--theme-secondary-light)}button.accent{background-color:var(--theme-accent);color:var(--theme-text-inverse)}button.accent:hover:not(:disabled){background-color:var(--theme-accent-light);color:var(--theme-text-inverse)}button.outline{background-color:transparent;color:var(--theme-primary);border:2px solid var(--theme-primary)}button.outline:hover:not(:disabled){background-color:var(--theme-primary-light);color:var(--theme-text-inverse)}input,textarea,select{background-color:var(--theme-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:.5em .75em;border-radius:6px;font-family:inherit;font-size:1em;transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),box-shadow var(--theme-transition-duration) var(--theme-transition-timing)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-light)}.card,.container{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:8px;padding:1rem;transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),box-shadow var(--theme-transition-duration) var(--theme-transition-timing)}.card:hover{background-color:var(--theme-surface-hover);box-shadow:var(--theme-shadow-md)}table{background-color:var(--theme-surface);color:var(--theme-text-primary);border-collapse:collapse}table thead{background-color:var(--theme-background-secondary);border-bottom:2px solid var(--theme-border)}table th{color:var(--theme-text-primary);padding:.75rem;text-align:left;font-weight:600}table td{border-bottom:1px solid var(--theme-border);padding:.75rem}table tbody tr:hover{background-color:var(--theme-surface-hover)}h1,h2,h3,h4,h5,h6{color:var(--theme-text-primary);transition:color var(--theme-transition-duration) var(--theme-transition-timing)}pre,code{background-color:var(--theme-background-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border);border-radius:6px;padding:.25em .5em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing)}pre{padding:1em;overflow-x:auto}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;transition:all var(--theme-transition-duration) var(--theme-transition-timing)}.alert,.status-message{padding:1rem;border-radius:8px;border-left:4px solid;transition:all var(--theme-transition-duration) var(--theme-transition-timing)}.alert-success{background-color:var(--theme-success-light);border-color:var(--theme-success);color:var(--theme-secondary-dark)}.alert-warning{background-color:var(--theme-warning-light);border-color:var(--theme-warning);color:var(--theme-accent-dark)}.alert-danger{background-color:var(--theme-danger-light);border-color:var(--theme-danger);color:var(--theme-danger)}.alert-info{background-color:var(--theme-info-light);border-color:var(--theme-info);color:var(--theme-primary-dark)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--theme-background)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--theme-border-light)}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--theme-background)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--theme-border-dark)}*{transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=dark] body{background-image:linear-gradient(var(--theme-circuit-pattern) 1px,transparent 1px),linear-gradient(90deg,var(--theme-circuit-pattern) 1px,transparent 1px);background-size:50px 50px;background-attachment:fixed}[data-theme=dark]:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,var(--theme-gradient-start) 0%,var(--theme-gradient-end) 100%);pointer-events:none;z-index:-1}@media print{*{background-color:#fff!important;color:#000!important;border-color:#000!important}body{background-color:#fff!important;color:#000!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);text-decoration:none;background-color:var(--theme-primary);color:var(--theme-text-inverse);border:var(--border-1) solid transparent;border-radius:var(--radius-base);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),transform var(--duration-fast) ease-in-out,opacity var(--duration-normal) var(--ease-in-out)}.btn:hover:not(:disabled){background-color:var(--theme-primary-light);box-shadow:var(--glow-md)}.btn:active:not(:disabled){background-color:var(--theme-primary-dark);transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring) var(--theme-primary-light)}.btn:disabled{opacity:var(--opacity-50);cursor:not-allowed}.btn-secondary{background-color:var(--theme-secondary)}.btn-danger{background-color:var(--theme-danger)}.btn-success{background-color:var(--theme-success)}.btn-warning{background-color:var(--theme-warning)}.btn-accent{background-color:var(--theme-accent)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn-block{width:100%}.btn-loading{position:relative;pointer-events:none;color:transparent}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid var(--theme-text-inverse);border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{display:block;padding:var(--space-4);background-color:var(--theme-surface);border:var(--border-1) solid var(--theme-border);border-radius:var(--radius-md);box-shadow:none;transition:background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{background-color:var(--theme-surface-hover);box-shadow:var(--shadow-md);border-color:var(--theme-primary)}.card-interactive:active{background-color:var(--theme-surface-active);transform:scale(.99)}.card-flat{border:none;box-shadow:none}.card-outlined{border-width:var(--border-2);box-shadow:none}.card-primary{border-color:var(--theme-primary);background-color:var(--theme-primary-light)}.card-success{border-color:var(--theme-success);background-color:var(--theme-success-light)}.card-warning{border-color:var(--theme-warning);background-color:var(--theme-warning-light)}.card-danger{border-color:var(--theme-danger);background-color:var(--theme-danger-light)}.card-info{border-color:var(--theme-info);background-color:var(--theme-info-light)}.card-sm{padding:var(--space-3);border-radius:var(--radius-base)}.card-md{padding:var(--space-4);border-radius:var(--radius-md)}.card-lg{padding:var(--space-6);border-radius:var(--radius-lg)}.card-xl{padding:var(--space-8);border-radius:var(--radius-xl)}.card-header{padding:var(--space-4);border-bottom:var(--border-1) solid var(--theme-border);font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--theme-text-primary)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-4);border-top:var(--border-1) solid var(--theme-border);background-color:var(--theme-background-secondary)}.card-header-sm{padding:var(--space-3);font-size:var(--text-base)}.card-body-sm,.card-footer-sm{padding:var(--space-3)}.card-image{width:100%;height:auto;object-fit:cover;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.card-image-square{aspect-ratio:1}.card-image-wide{aspect-ratio:16/9}.card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid-sm{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-grid-lg{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-title{margin:var(--space-0) var(--space-0) var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--theme-text-primary)}.card-subtitle{margin:var(--space-0) var(--space-0) var(--space-3);font-size:var(--text-sm);color:var(--theme-text-secondary)}.card-text{margin:var(--space-2) var(--space-0);color:var(--theme-text-secondary);line-height:var(--leading-relaxed)}.card-meta{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) var(--space-0);font-size:var(--text-sm);color:var(--theme-text-tertiary)}.card-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-1) solid var(--theme-border)}.card-actions-right{justify-content:flex-end}.card-actions-center{justify-content:center}.card-actions-space-between{justify-content:space-between}.card-stats{text-align:center;padding:var(--space-6)}.card-stats-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--theme-primary);margin-bottom:var(--space-2)}.card-stats-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.card-feature{padding:var(--space-6);text-align:center;border:var(--border-2) solid var(--theme-border)}.card-feature-icon{width:var(--size-icon-2xl);height:var(--size-icon-2xl);margin:0 auto var(--space-4);color:var(--theme-primary)}.card-compact{padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.card-loading{position:relative;pointer-events:none;opacity:var(--opacity-60)}.card-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--size-icon-md);height:var(--size-icon-md);border:var(--border-2) solid var(--theme-primary);border-radius:var(--radius-full);border-top-color:transparent;animation:card-spin .6s linear infinite}@keyframes card-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.card-disabled{opacity:var(--opacity-50);pointer-events:none}@media(max-width:768px){.card{padding:var(--space-3)}.card-lg,.card-xl{padding:var(--space-4)}.card-grid,.card-grid-lg{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-none);text-transform:none;white-space:nowrap;background-color:var(--theme-primary-light);color:var(--theme-primary-dark);border:none;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-in-out)}.badge-primary{background-color:var(--theme-primary-light);color:var(--theme-primary-dark)}.badge-secondary{background-color:var(--theme-secondary-light);color:var(--theme-secondary-dark)}.badge-success{background-color:var(--theme-success-light);color:var(--theme-secondary-dark)}.badge-warning{background-color:var(--theme-warning-light);color:var(--theme-accent-dark)}.badge-danger{background-color:var(--theme-danger-light);color:var(--theme-danger)}.badge-info{background-color:var(--theme-info-light);color:var(--theme-primary-dark)}.badge-neutral{background-color:var(--theme-background-tertiary);color:var(--theme-text-secondary)}.badge-dark{background-color:var(--theme-text-primary);color:var(--theme-text-inverse)}.badge-light{background-color:var(--theme-background);color:var(--theme-text-primary);border:var(--border-1) solid var(--theme-border)}.badge-outline{background-color:transparent;border:var(--border-1) solid}.badge-outline-primary{background-color:transparent;border:var(--border-1) solid var(--theme-primary);color:var(--theme-primary)}.badge-outline-secondary{background-color:transparent;border:var(--border-1) solid var(--theme-secondary);color:var(--theme-secondary)}.badge-outline-success{background-color:transparent;border:var(--border-1) solid var(--theme-success);color:var(--theme-success)}.badge-outline-warning{background-color:transparent;border:var(--border-1) solid var(--theme-warning);color:var(--theme-warning)}.badge-outline-danger{background-color:transparent;border:var(--border-1) solid var(--theme-danger);color:var(--theme-danger)}.badge-outline-info{background-color:transparent;border:var(--border-1) solid var(--theme-info);color:var(--theme-info)}.badge-solid-primary{background-color:var(--theme-primary);color:var(--theme-text-inverse)}.badge-solid-secondary{background-color:var(--theme-secondary);color:var(--theme-text-inverse)}.badge-solid-success{background-color:var(--theme-success);color:var(--theme-text-inverse)}.badge-solid-warning{background-color:var(--theme-warning);color:var(--theme-text-inverse)}.badge-solid-danger{background-color:var(--theme-danger);color:var(--theme-text-inverse)}.badge-solid-info{background-color:var(--theme-info);color:var(--theme-text-inverse)}.badge-xs{padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs)}.badge-sm{padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs)}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-base)}.badge-xl{padding:var(--space-2-5) var(--space-5);font-size:var(--text-lg)}.badge-pill{border-radius:var(--radius-full)}.badge-rounded{border-radius:var(--radius-base)}.badge-square{border-radius:var(--radius-sm)}.badge-circle{width:var(--space-6);height:var(--space-6);padding:var(--space-0);border-radius:var(--radius-full);font-size:var(--text-xs)}.badge-circle-lg{width:var(--space-8);height:var(--space-8);font-size:var(--text-sm)}.badge-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.badge-dot:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:currentColor}.badge-dot-pulse:before{animation:badge-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.badge-icon{display:inline-flex;align-items:center;gap:var(--space-1-5)}.badge-icon svg,.badge-icon img{width:var(--size-icon-xs);height:var(--size-icon-xs)}.badge-icon-lg svg,.badge-icon-lg img{width:var(--size-icon-sm);height:var(--size-icon-sm)}.badge-icon-only{padding:var(--space-1-5)}.badge-dismissible{padding-right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1-5)}.badge-dismiss-btn{background:none;border:none;padding:var(--space-0);margin:var(--space-0);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:var(--opacity-70);transition:opacity var(--duration-fast) var(--ease-in-out)}.badge-dismiss-btn:hover{opacity:var(--opacity-100)}.badge-dismiss-btn svg{width:var(--size-icon-xs);height:var(--size-icon-xs)}.badge-group{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.badge-group-stacked{display:inline-flex;gap:var(--space-0)}.badge-group-stacked .badge{border-radius:var(--radius-none);margin-left:calc(var(--border-1) * -1)}.badge-group-stacked .badge:first-child{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);margin-left:var(--space-0)}.badge-group-stacked .badge:last-child{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.badge-notification{position:absolute;top:var(--space-0);right:var(--space-0);transform:translate(50%,-50%);min-width:var(--space-5);height:var(--space-5);padding:var(--space-0) var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-bold);line-height:var(--leading-none);display:inline-flex;align-items:center;justify-content:center;background-color:var(--theme-danger);color:var(--theme-text-inverse);border-radius:var(--radius-full);border:var(--border-2) solid var(--theme-background)}.badge-notification-sm{min-width:var(--space-4);height:var(--space-4);font-size:10px}.badge-notification-dot{width:var(--space-2-5);height:var(--space-2-5);padding:var(--space-0);min-width:var(--space-0)}.badge-status-active{background-color:var(--theme-success-light);color:var(--theme-secondary-dark)}.badge-status-inactive{background-color:var(--theme-background-tertiary);color:var(--theme-text-tertiary)}.badge-status-pending{background-color:var(--theme-warning-light);color:var(--theme-accent-dark)}.badge-status-approved{background-color:var(--theme-success-light);color:var(--theme-secondary-dark)}.badge-status-rejected{background-color:var(--theme-danger-light);color:var(--theme-danger)}.badge-status-draft{background-color:var(--theme-background-tertiary);color:var(--theme-text-secondary)}.badge-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.badge-interactive:hover{opacity:var(--opacity-80);transform:scale(1.05)}.badge-interactive:active{transform:scale(.95)}.badge-container{position:relative;display:inline-block}.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-auto{margin:auto}.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)}.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)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right: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-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-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.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)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.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-6{padding-left:var(--space-6);padding-right:var(--space-6)}.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-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.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-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-primary{color:var(--theme-text-primary)}.text-secondary{color:var(--theme-text-secondary)}.text-tertiary{color:var(--theme-text-tertiary)}.text-inverse{color:var(--theme-text-inverse)}.text-blue{color:var(--theme-primary)}.text-green{color:var(--theme-success)}.text-yellow{color:var(--theme-warning)}.text-red{color:var(--theme-danger)}.bg-primary{background-color:var(--theme-primary)}.bg-secondary{background-color:var(--theme-secondary)}.bg-success{background-color:var(--theme-success)}.bg-warning{background-color:var(--theme-warning)}.bg-danger{background-color:var(--theme-danger)}.bg-surface{background-color:var(--theme-surface)}.bg-background{background-color:var(--theme-background)}.bg-transparent{background-color:transparent}.border{border:var(--border-1) solid var(--theme-border)}.border-0{border:none}.border-2{border-width:var(--border-2)}.border-t{border-top:var(--border-1) solid var(--theme-border)}.border-b{border-bottom:var(--border-1) solid var(--theme-border)}.border-l{border-left:var(--border-1) solid var(--theme-border)}.border-r{border-right:var(--border-1) solid var(--theme-border)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.opacity-0{opacity:var(--opacity-0)}.opacity-10{opacity:var(--opacity-10)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.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-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-in-out)}.transition-colors{transition:background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-in-out)}.duration-fast{transition-duration:var(--duration-fast)}.duration-normal{transition-duration:var(--duration-normal)}.duration-slow{transition-duration:var(--duration-slow)}.data-table{width:100%;border-collapse:collapse;border:1px solid var(--theme-border, #e0e0e0);border-radius:var(--radius-base);overflow:hidden}.data-table th,.data-table td{padding:var(--space-3);text-align:left;border:1px solid var(--theme-border, #e0e0e0)}.data-table th{background-color:var(--theme-bg-subtle, #f5f5f5);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr:hover{background-color:var(--theme-bg-hover, rgba(0, 0, 0, .02))}@media(max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:p-2{padding:var(--space-2)}.sm\:p-4{padding:var(--space-4)}}