@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7e22ce;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .6));--gradient-sidebar: linear-gradient(180deg, rgba(99, 102, 241, .08), rgba(168, 85, 247, .05));--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(99, 102, 241, .15), transparent 60%);--gradient-mesh: radial-gradient(at 40% 20%, hsla(240, 100%, 74%, .08) 0, transparent 50%), radial-gradient(at 80% 0%, hsla(270, 100%, 74%, .06) 0, transparent 50%), radial-gradient(at 0% 50%, hsla(210, 100%, 70%, .05) 0, transparent 50%);--bg-body: #f8fafc;--bg-surface: #ffffff;--bg-surface-2: #f1f5f9;--bg-surface-3: #e2e8f0;--bg-sidebar: rgba(255, 255, 255, .72);--bg-input: rgba(255, 255, 255, .8);--bg-hover: rgba(99, 102, 241, .06);--bg-active: rgba(99, 102, 241, .1);--bg-overlay: rgba(15, 23, 42, .4);--glass-bg: rgba(255, 255, 255, .4);--glass-bg-strong: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .6);--glass-border-light: rgba(255, 255, 255, .3);--glass-blur: 24px;--glass-blur-strong: 40px;--glass-reflection: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) 100%);--spotlight: rgba(99, 102, 241, .15);--text-primary: #0f172a;--text-secondary: #0b1320;--text-tertiary: #2f3a47;--text-inverse: #ffffff;--text-link: #6366f1;--border-primary: rgba(226, 232, 240, .8);--border-light: rgba(241, 245, 249, .6);--border-accent: rgba(99, 102, 241, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 24px rgba(99, 102, 241, .2);--shadow-glow-lg: 0 0 48px rgba(99, 102, 241, .25);--positive: #10b981;--positive-bg: rgba(16, 185, 129, .1);--positive-border: rgba(16, 185, 129, .3);--negative: #ef4444;--negative-bg: rgba(239, 68, 68, .1);--negative-border: rgba(239, 68, 68, .3);--neutral: #f59e0b;--neutral-bg: rgba(245, 158, 11, .1);--neutral-border: rgba(245, 158, 11, .3);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px}[data-theme=dark]{--bg-body: #0b0f1a;--bg-surface: #111827;--bg-surface-2: #1e293b;--bg-surface-3: #334155;--bg-sidebar: rgba(17, 24, 39, .85);--bg-input: rgba(30, 41, 59, .8);--bg-hover: rgba(99, 102, 241, .1);--bg-active: rgba(99, 102, 241, .18);--bg-overlay: rgba(0, 0, 0, .6);--glass-bg: rgba(17, 24, 39, .45);--glass-bg-strong: rgba(17, 24, 39, .65);--glass-border: rgba(51, 65, 85, .5);--glass-border-light: rgba(51, 65, 85, .2);--glass-blur: 32px;--glass-reflection: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .02) 100%);--spotlight: rgba(99, 102, 241, .2);--gradient-card: linear-gradient(135deg, rgba(17, 24, 39, .8), rgba(30, 41, 59, .6));--gradient-sidebar: linear-gradient(180deg, rgba(99, 102, 241, .06), rgba(168, 85, 247, .03));--gradient-mesh: radial-gradient(at 40% 20%, hsla(240, 100%, 74%, .06) 0, transparent 50%), radial-gradient(at 80% 0%, hsla(270, 100%, 74%, .04) 0, transparent 50%), radial-gradient(at 0% 50%, hsla(210, 100%, 70%, .03) 0, transparent 50%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-link: #818cf8;--border-primary: rgba(51, 65, 85, .6);--border-light: rgba(51, 65, 85, .3);--border-accent: rgba(99, 102, 241, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(99, 102, 241, .15);--shadow-glow-lg: 0 0 48px rgba(99, 102, 241, .2);--positive-bg: rgba(16, 185, 129, .15);--negative-bg: rgba(239, 68, 68, .15);--neutral-bg: rgba(245, 158, 11, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-body);min-height:100vh;min-height:100dvh;transition:background var(--transition-slow),color var(--transition-slow)}body:before{content:"";position:fixed;inset:0;background:var(--gradient-mesh);background-size:200% 200%;pointer-events:none;z-index:0;animation:liquid-mesh 30s infinite alternate cubic-bezier(.4,0,.2,1);filter:blur(28px) saturate(1.1);will-change:transform}body:after{content:"";position:fixed;inset:-100px;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at calc(100% - var(--mouse-x, 50%)) calc(100% - var(--mouse-y, 50%)),rgba(168,85,247,.05) 0%,transparent 50%);pointer-events:none;z-index:0;transition:opacity 1s;will-change:opacity}html.performance-lite body:before{animation:none;filter:blur(12px) saturate(1);opacity:.65}html.performance-lite body:after{opacity:.35}@keyframes liquid-mesh{0%{transform:scale(1) rotate(0) translate(0);background-position:0% 0%}50%{transform:scale(1.1) rotate(1deg) translate(-20px,20px);background-position:100% 100%}to{transform:scale(1) rotate(0) translate(0);background-position:0% 100%}}#root{position:relative;z-index:1;min-height:100vh;min-height:100dvh}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-400)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;outline:none}.glass-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.8);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.8);border:1px solid var(--glass-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--glass-border);transition:box-shadow .8s cubic-bezier(.23,1,.32,1),border-color .5s cubic-bezier(.23,1,.32,1),opacity .5s;transform:perspective(1400px) rotateX(0) rotateY(0) translateY(0) translateZ(0);transform-style:preserve-3d;will-change:auto;overflow:hidden;z-index:1}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-reflection);pointer-events:none;z-index:2;transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);opacity:.6}.glass-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--local-mouse-x, 50%) var(--local-mouse-y, 50%),var(--spotlight),transparent 80%);z-index:3;opacity:0;pointer-events:none;transition:opacity .5s;mix-blend-mode:color-dodge}.glass-card:hover:after{opacity:1}.glass-card:hover:before{opacity:1;transform:translate(calc(var(--rotate-y) * -1),calc(var(--rotate-x) * 1))}.glass-card:hover{will-change:transform,box-shadow;box-shadow:0 30px 60px #0000001f,var(--shadow-glow),inset 0 0 0 1.5px var(--glass-border);transform:perspective(1200px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-4px) translateZ(30px);border-color:var(--glass-border)}.glass-card:active{transform:perspective(1200px) rotateX(0) rotateY(0) translateY(-2px) translateZ(10px) scale(.98);transition:all .15s cubic-bezier(.4,0,.2,1)}.glass-card-static{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--glass-border);position:relative;overflow:hidden}.glass-card-static:before{content:"";position:absolute;inset:0;background:var(--glass-reflection);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;border-radius:var(--radius-md);transition:box-shadow .6s cubic-bezier(.23,1,.32,1),border-color .4s,opacity .4s;transform:perspective(1000px) rotateX(0) rotateY(0) scale(1) translateZ(0);transform-style:preserve-3d;will-change:auto;white-space:nowrap;user-select:none;position:relative;overflow:hidden;border:1px solid transparent;z-index:1}.btn:hover{will-change:transform,box-shadow}.btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transform:scale(.5);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;pointer-events:none;z-index:-1;mix-blend-mode:overlay}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .6s cubic-bezier(.23,1,.32,1);background:radial-gradient(120px circle at var(--local-mouse-x, 50%) var(--local-mouse-y, 50%),rgba(255,255,255,.4),transparent);pointer-events:none;z-index:2}.btn:hover:before{opacity:1;transform:scale(1.4)}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px 1px #fff6;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow-lg),inset 0 1px 2px #fff9}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--primary-500)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--text-inverse)}.btn-danger:hover{box-shadow:var(--shadow-md),0 0 20px #ef444440}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);box-shadow:inset 0 2px 4px #00000005}.input:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px #6366f126,inset 0 2px 4px #00000005;background:var(--bg-surface);transform:translateY(-1px)}.input::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:120px;line-height:1.7}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-positive{background:var(--positive-bg);color:var(--positive);border:1px solid var(--positive-border)}.badge-negative{background:var(--negative-bg);color:var(--negative);border:1px solid var(--negative-border)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral);border:1px solid var(--neutral-border)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-primary);text-align:left;background:var(--bg-surface-2)}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}.table tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.spinner{width:24px;height:24px;border:3px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:var(--space-4)}.page-loader .spinner{width:48px;height:48px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-surface-3) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-surface);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent);color:var(--primary-500)}.pagination-btn.active{background:var(--gradient-primary);color:var(--text-inverse);border-color:transparent}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes breathing{0%{transform:scale(1) translateY(0);box-shadow:var(--shadow-md)}50%{transform:scale(1.002) translateY(-2px);box-shadow:var(--shadow-lg)}to{transform:scale(1) translateY(0);box-shadow:var(--shadow-md)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.2,.8,.2,1)}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.2,.8,.2,1)}.animate-fade-in-down{animation:fadeInDown .7s cubic-bezier(.2,.8,.2,1)}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.animate-slide-left{animation:slideInLeft .5s cubic-bezier(.2,.8,.2,1)}.animate-breath{animation:breathing 4s ease-in-out infinite}html.performance-lite .glass-card,html.performance-lite .glass-card-static{backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}html.performance-lite .glass-card,html.performance-lite .btn{will-change:auto}html.performance-lite .glass-card:before,html.performance-lite .glass-card:after,html.performance-lite .btn:before,html.performance-lite .btn:after{display:none}html.performance-lite .animate-breath,html.performance-lite .liquid-ripple{animation:none!important}html.performance-lite .stagger-1,html.performance-lite .stagger-2,html.performance-lite .stagger-3,html.performance-lite .stagger-4,html.performance-lite .stagger-5,html.performance-lite .stagger-6{animation-delay:0s!important}html.app-first-paint .animate-fade-in,html.app-first-paint .animate-fade-in-up,html.app-first-paint .animate-fade-in-down,html.app-first-paint .animate-scale-in,html.app-first-paint .animate-slide-left,html.app-first-paint .animate-breath,html.app-first-paint .stagger-1,html.app-first-paint .stagger-2,html.app-first-paint .stagger-3,html.app-first-paint .stagger-4,html.app-first-paint .stagger-5,html.app-first-paint .stagger-6{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important;transition:none!important;filter:none!important}.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-scale-in,.animate-slide-left,.animate-breath,.liquid-ripple,.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,.stagger-6{animation:none!important;transition:none!important}}.liquid-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffc,#fff0 70%);transform:translate(-50%,-50%) scale(0);animation:ripple-wave .8s cubic-bezier(.23,1,.32,1) forwards;pointer-events:none;z-index:0;mix-blend-mode:overlay;width:200px;height:200px}@keyframes ripple-wave{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.stagger-1{animation-delay:.05s;animation-fill-mode:both}.stagger-2{animation-delay:.1s;animation-fill-mode:both}.stagger-3{animation-delay:.15s;animation-fill-mode:both}.stagger-4{animation-delay:.2s;animation-fill-mode:both}.stagger-5{animation-delay:.25s;animation-fill-mode:both}.stagger-6{animation-delay:.3s;animation-fill-mode:both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:768px){:root{--sidebar-width: 100%}body{overflow-x:hidden}.btn{min-height:44px}.btn-icon{min-width:44px;min-height:44px}.glass-card,.glass-card-static{border-radius:var(--radius-lg)}.page-loader{min-height:45vh;padding:var(--space-4)}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);padding-top:calc(var(--space-6) + env(safe-area-inset-top));padding-right:calc(var(--space-6) + env(safe-area-inset-right));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));padding-left:calc(var(--space-6) + env(safe-area-inset-left));position:relative}.auth-glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.12),rgba(168,85,247,.06),transparent 70%);border-radius:50%;pointer-events:none;animation:pulse-glow 5s ease-in-out infinite}.auth-container{width:100%;max-width:440px;position:relative;z-index:1}.auth-card{padding:var(--space-10)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);margin:0 auto var(--space-5);box-shadow:var(--shadow-glow);animation:float 3s ease-in-out infinite}.auth-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.auth-header p{font-size:var(--text-sm);color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:var(--space-4);font-size:18px;color:var(--text-tertiary);pointer-events:none;z-index:1}.auth-input-with-icon{padding-left:calc(var(--space-4) + 24px)!important;padding-right:var(--space-10)!important}.auth-input-with-icon::-ms-reveal,.auth-input-with-icon::-ms-clear,.auth-input-with-icon::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none!important}input::-webkit-credentials-auto-fill-button{display:none!important}.auth-eye-btn{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-tertiary);transition:color var(--transition-fast);z-index:1}.auth-eye-btn:hover{color:var(--primary-500)}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{font-weight:600;color:var(--primary-500)}.auth-footer a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:var(--space-6) var(--space-5)}}.auth-back-btn{position:absolute;top:calc(var(--space-4) + env(safe-area-inset-top));left:calc(var(--space-4) + env(safe-area-inset-left));z-index:10;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border-light);transition:all var(--transition-base)}.auth-back-btn:hover{color:var(--primary-500);background:var(--bg-hover);border-color:var(--border-accent)}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--space-1) * -1)}.auth-remember-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;user-select:none;transition:color var(--transition-fast)}.auth-remember-checkbox:hover{color:var(--text-primary)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:#fff!important;color:#333!important;border:1px solid #ddd!important;transition:all .2s ease}.auth-google-btn:hover{background:#f8f9fa!important;border-color:#ccc!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.auth-google-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:var(--space-6) 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-primary)}.auth-remember-checkbox input{accent-color:var(--primary-500);width:16px;height:16px;cursor:pointer;border-radius:4px}.auth-forgot-link{text-align:right}.auth-forgot-link a{font-size:var(--text-sm);color:var(--primary-500);font-weight:500;transition:color var(--transition-fast)}.auth-forgot-link a:hover{color:var(--primary-400);text-decoration:underline}.confirm-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.confirm-dialog{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-xl);animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.confirm-dialog h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.confirm-dialog p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.confirm-actions .btn{min-width:100px}@media(max-width:480px){.auth-glow{width:320px;height:320px}.auth-options{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.auth-forgot-link{text-align:left}.auth-back-btn{position:static;margin-bottom:var(--space-4);align-self:flex-start}.confirm-dialog{width:94%;padding:var(--space-6)}}.sidebar{position:fixed;top:0;left:0;width:min(86vw,320px);height:100dvh;display:flex;flex-direction:column;background:var(--bg-sidebar);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border-right:1px solid var(--glass-border);z-index:var(--z-fixed);transform:translate(-100%);transition:width var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);border-bottom:1px solid var(--border-light);min-height:var(--header-height)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);flex-shrink:0;box-shadow:var(--shadow-glow)}.sidebar-logo-text{font-size:var(--text-lg);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-collapse-btn{color:var(--text-tertiary);transition:color var(--transition-fast)}.sidebar-collapse-btn:hover{color:var(--primary-500)}.collapsed .sidebar-logo{display:none}.collapsed .sidebar-header{justify-content:center}.collapsed .sidebar-collapse-btn{display:flex}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-divider{height:1px;background:var(--border-light);margin:var(--space-2) var(--space-3)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);min-height:44px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--primary-500)}.sidebar-link.active{background:var(--bg-active);color:var(--primary-500);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--gradient-primary);border-radius:0 3px 3px 0}.sidebar-link-icon{font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border-light)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.sidebar-user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;flex-shrink:0}.sidebar-user-info{overflow:hidden;display:flex;flex-direction:column}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);max-width:150px}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.sidebar-logout{color:var(--negative)!important}.sidebar-logout:hover{background:var(--negative-bg)!important}.sidebar-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:calc(var(--space-3) + env(safe-area-inset-top));left:calc(var(--space-3) + env(safe-area-inset-left));z-index:calc(var(--z-fixed) + 1);width:40px;height:40px;background:var(--glass-bg-strong);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-sm);touch-action:manipulation}.sidebar-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:calc(var(--z-fixed) - 1);animation:fadeIn .2s ease-out}@media(min-width:769px){.sidebar{width:var(--sidebar-width);height:100vh;transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-mobile-toggle,.sidebar-overlay{display:none}}@media(max-width:768px){.sidebar-collapse-btn,.collapsed .sidebar-collapse-btn{display:none}.collapsed .sidebar-logo,.collapsed .sidebar-header{display:flex}.collapsed .sidebar-header{justify-content:space-between}}@media(max-width:480px){.sidebar{width:min(92vw,340px)}}.app-layout{display:flex;min-height:100vh;min-height:100dvh;width:100%}.app-content{flex:1;margin-left:0;padding:var(--space-4);padding-top:calc(env(safe-area-inset-top) + 64px);padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));padding-left:calc(var(--space-4) + env(safe-area-inset-left));max-width:100%;width:100%;transition:margin-left var(--transition-base),padding var(--transition-base)}@media(min-width:769px){.app-content{margin-left:var(--sidebar-width);padding:var(--space-8)}.app-layout.is-collapsed .app-content{margin-left:var(--sidebar-collapsed)}}@media(max-width:768px){.app-content{max-width:100vw;overflow-x:hidden}.app-layout.is-mobile-open .app-content{pointer-events:none;user-select:none}}