.login-wrapper{background:#fff;min-height:100vh;display:flex;overflow:hidden}@keyframes login-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes login-fade-scale{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-panel-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes login-panel-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes login-bg-drift{0%,to{opacity:1;transform:translate(0)scale(1)}50%{opacity:.85;transform:translate(2%,-1.5%)scale(1.03)}}@keyframes login-grid-pulse{0%,to{opacity:.35}50%{opacity:.55}}.login-bg-animate{animation:14s ease-in-out infinite login-bg-drift}.login-bg-grid.login-bg-animate{animation:8s ease-in-out infinite login-grid-pulse}.login-animate{opacity:0;animation:.75s cubic-bezier(.22,1,.36,1) forwards login-fade-up;animation-delay:var(--login-delay,0s)}@keyframes login-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes login-slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.login-panel-enter-left{animation:.6s cubic-bezier(.22,1,.36,1) forwards login-slide-in-left}.login-panel-enter-right{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) .2s forwards login-slide-in-right}.login-animate{animation:.5s cubic-bezier(.22,1,.36,1) forwards login-fade-in;animation-delay:var(--login-delay,0s)}.login-animate-scale{animation-name:login-fade-scale}.login-animate-delay-1{--login-delay:.1s}.login-animate-delay-2{--login-delay:.2s}.login-animate-delay-3{--login-delay:.3s}.login-animate-delay-4{--login-delay:.4s}.login-animate-delay-5{--login-delay:.5s}.login-animate-delay-6{--login-delay:.6s}.login-animate-delay-7{--login-delay:.7s}.login-animate-delay-8{--login-delay:.8s}@keyframes feature-shimmer{0%{opacity:0;transform:translate(-120%)skew(-18deg)}15%{opacity:1}to{opacity:0;transform:translate(220%)skew(-18deg)}}@keyframes feature-glow-breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}@keyframes feature-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes feature-ring-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.18)}}@keyframes feature-border-flow{0%{background-position:0%}to{background-position:200%}}.login-left{color:#ecfdf5;background:#071510;flex-direction:column;flex:1.15;min-width:0;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-bg-waves{pointer-events:none;z-index:0;background:radial-gradient(80% 55% at 15% 45%,#22c55e1f 0%,#0000 60%),radial-gradient(55% 45% at 85% 75%,#10b98114 0%,#0000 55%);position:absolute;inset:0}.login-bg-waves:before,.login-bg-waves:after{content:"";opacity:.2;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-10%}.login-bg-waves:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cpath fill='none' stroke='%2322c55e' stroke-width='1.2' opacity='0.5' d='M0 420 C200 360 300 480 500 420 S800 300 1000 380 S1200 450 1200 450'/%3E%3Cpath fill='none' stroke='%2316a34a' stroke-width='1' opacity='0.35' d='M0 520 C250 460 400 580 600 500 S900 420 1200 480'/%3E%3Cpath fill='none' stroke='%234ade80' stroke-width='0.8' opacity='0.25' d='M0 320 C180 280 350 360 550 300 S850 240 1200 310'/%3E%3C/svg%3E")}.login-bg-grid{pointer-events:none;opacity:.4;z-index:0;background-image:radial-gradient(#4ade802e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 35%,#000 15%,#0000 78%);mask-image:radial-gradient(75% 65% at 35%,#000 15%,#0000 78%)}.login-left-inner{z-index:1;flex-direction:column;flex:1;max-width:580px;display:flex;position:relative}.login-brand-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:8px 16px 8px 10px;display:inline-flex}.login-brand-logo{width:auto;height:28px}.login-brand-text{color:#f8fafc;letter-spacing:.12em;font-size:14px;font-weight:700}.login-left-content{flex-direction:column;flex:1;justify-content:center;padding:48px 0 32px;display:flex}.login-hero-banner{filter:drop-shadow(0 8px 24px #00000040);width:min(100%,480px);height:auto;margin:0;display:block}.login-hero-headline{letter-spacing:-.02em;color:#fff;margin:32px 0 12px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.2}.login-hero-tagline{color:#ecfdf5b8;margin:0 0 40px;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:400;line-height:1.5}.login-hero-tagline-accent{color:#4ade80;font-weight:600}.login-features{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.login-feature{--feature-accent:#4ade80;--feature-accent-mid:#22c55e;--feature-accent-soft:#22c55e24;--feature-accent-border:#4ade8052;--feature-glow:#22c55e38;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(155deg,#22c55e1a 0%,#ffffff0a 48%,#07151033 100%);border:1px solid #4ade8024;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:22px 16px 20px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.login-feature:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--feature-accent-mid) 25%, var(--feature-accent) 50%, var(--feature-accent-mid) 75%, transparent 100%);opacity:.7;background-size:200% 100%;border-radius:16px 16px 0 0;height:2px;animation:4s linear infinite feature-border-flow;position:absolute;top:0;left:0;right:0}.login-feature-shine{pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 40%,#86efac2e 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.login-feature-glow{background:radial-gradient(ellipse at center, var(--feature-glow) 0%, transparent 72%);pointer-events:none;opacity:0;height:90px;transition:opacity .4s;position:absolute;inset:auto -30% -50%}.login-feature:hover{border-color:var(--feature-accent-border);transform:translateY(-5px);box-shadow:0 16px 40px #00000047,0 0 24px #22c55e1f,inset 0 0 0 1px #4ade8014}.login-feature:hover .login-feature-shine{animation:.85s forwards feature-shimmer}.login-feature:hover .login-feature-glow{opacity:1;animation:2.4s ease-in-out infinite feature-glow-breathe}.login-feature--people{--feature-accent:#86efac;--feature-accent-mid:#4ade80;--feature-accent-soft:#4ade8029;--feature-accent-border:#86efac61;--feature-glow:#4ade803d}.login-feature--work{--feature-accent:#4ade80;--feature-accent-mid:#22c55e;--feature-accent-soft:#22c55e2e;--feature-accent-border:#22c55e6b;--feature-glow:#22c55e42}.login-feature--reports{--feature-accent:#a3e635;--feature-accent-mid:#84cc16;--feature-accent-soft:#a3e63529;--feature-accent-border:#a3e63561;--feature-glow:#84cc1638}.login-feature-icon{z-index:1;background:linear-gradient(145deg, var(--feature-accent-soft) 0%, #07151059 100%);border:1px solid var(--feature-accent-border);width:48px;height:48px;color:var(--feature-accent);border-radius:14px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,color .3s;animation:3.6s ease-in-out infinite feature-icon-float;display:flex;position:relative;box-shadow:0 4px 16px #0003,0 0 12px #22c55e14}.login-feature:nth-child(2) .login-feature-icon{animation-delay:.4s}.login-feature:nth-child(3) .login-feature-icon{animation-delay:.8s}.login-feature-icon-ring{border:1px solid var(--feature-accent);opacity:0;pointer-events:none;border-radius:16px;position:absolute;inset:-4px}.login-feature:hover .login-feature-icon{color:#ecfdf5;animation:none;transform:scale(1.08)translateY(-2px);box-shadow:0 8px 24px #00000040,0 0 20px #22c55e40}.login-feature:hover .login-feature-icon-ring{animation:1.6s ease-out infinite feature-ring-pulse}.login-feature-body{z-index:1;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:relative}.login-feature:hover .login-feature-body{transform:none}.login-feature-title{color:#ecfdf5;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700;line-height:1.2;transition:color .3s}.login-feature:hover .login-feature-title{color:#fff}.login-feature-label{color:#a7f3d09e;margin:0;font-size:12.5px;font-weight:500;line-height:1.45;transition:color .3s}.login-feature:hover .login-feature-label{color:#d1fae5d1}@media (prefers-reduced-motion:reduce){.login-panel-enter-left,.login-panel-enter-right,.login-bg-animate,.login-animate,.login-feature,.login-feature-icon,.login-feature:before,.login-feature-shine,.login-feature-glow,.login-feature-icon-ring{transition:none!important;animation:none!important}.login-panel-enter-right,.login-animate,.login-feature{opacity:1;transform:none}}.login-left-footer{z-index:1;color:#a7f3d08c;align-items:center;gap:8px;margin:0;padding-top:24px;font-size:12px;display:inline-flex;position:relative}.login-left-footer svg{color:#4ade80;flex-shrink:0}.login-right{background:linear-gradient(160deg,#f0fdf4 0%,#fff 45%,#fafafa 100%);border-left:1px solid #15803d14;flex-direction:column;flex:.85;justify-content:center;align-items:center;min-width:380px;padding:48px 56px;display:flex}.login-right-header{display:none}.login-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:420px;padding:44px 40px 40px;box-shadow:0 4px 6px #00000005,0 20px 48px #07151014}.login-form-logo{justify-content:flex-start;margin-bottom:28px;display:flex}.login-form-logo-img{width:auto;height:36px}.login-form-title{color:#111827;letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.2}.login-form-subtext{color:#6b7280;margin:0 0 32px;font-size:15px;line-height:1.55}.login-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#374151;font-size:13px;font-weight:600}.input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.login-input{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:13px 16px 13px 44px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input:hover{background:#fff;border-color:#d1d5db}.login-input:focus{background:#fff;border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.login-input::placeholder{color:#9ca3af}.password-input-wrapper .login-input{padding-right:44px}.password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#15803d}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d6b4a 0%,#15803d 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:15px 20px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #0d6b4a4d}.login-button:hover:not(:disabled){opacity:.95;box-shadow:0 6px 20px #0d6b4a59}.login-button:active:not(:disabled){transform:scale(.99)}.login-button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.login-button-arrow{font-size:18px;line-height:1;transition:transform .2s}.login-button:hover:not(:disabled) .login-button-arrow{transform:translate(3px)}.login-form-footer{color:#9ca3af;text-align:center;border-top:1px solid #f3f4f6;margin:28px 0 0;padding-top:24px;font-size:12px;line-height:1.5}@media (width<=1024px){.login-left{flex:1;padding:40px}.login-right{flex:.9;min-width:340px;padding:40px}.login-features{grid-template-columns:repeat(3,1fr);gap:10px}.login-feature{gap:12px;padding:16px 12px 14px}.login-feature-icon{border-radius:12px;flex-shrink:0;width:44px;height:44px}}@media (width<=860px){.login-wrapper{flex-direction:column;min-height:100dvh}.login-left{flex:none;padding:24px 24px 28px}.login-left-inner{max-width:100%}.login-left-content{justify-content:flex-start;padding:20px 0 0}.login-hero-banner{width:min(100%,280px);margin:0 auto}.login-hero-headline{text-align:center;margin:20px 0 8px;font-size:1.5rem}.login-hero-tagline{text-align:center;margin:0 0 20px;font-size:.95rem}.login-features{grid-template-columns:repeat(3,1fr);gap:10px}.login-feature{text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 12px}.login-feature:before{border-radius:14px 14px 0 0;width:auto;height:2px;inset:0 0 auto}.login-feature:hover{transform:translateY(-3px)}.login-feature:hover .login-feature-body{transform:none}.login-feature-icon{border-radius:12px;width:40px;height:40px}.login-feature-body{align-items:center;gap:4px}.login-feature-title{font-size:12px}.login-feature-label{font-size:10px;line-height:1.35}.login-left-footer{display:none}.login-right{background:#fff;border-top:1px solid #15803d0f;border-left:none;flex:1;justify-content:flex-start;width:100%;min-width:0;padding:0 20px 28px}.login-form-card{border-radius:20px;max-width:100%;padding:32px 24px 28px;box-shadow:0 2px 8px #0000000a,0 12px 32px #0715100f}.login-form-logo{justify-content:center;margin-bottom:20px}.login-form-title{text-align:center;font-size:24px}.login-form-subtext{text-align:center;margin-bottom:24px;font-size:14px}}@media (width<=520px){.login-left{padding:20px 16px 24px}.login-hero-banner{width:min(100%,220px)}.login-hero-headline{font-size:1.25rem}.login-features{gap:8px}.login-feature{gap:8px;padding:12px 8px 10px}.login-feature-icon{border-radius:10px;width:36px;height:36px}.login-feature-icon svg{width:18px;height:18px}.login-feature-title{font-size:11px}.login-feature-label{font-size:9px}.login-right{padding:0 16px 24px}.login-form-card{border-radius:16px;padding:28px 20px 24px}.login-form-title{font-size:22px}}:root{--color-primary:#0f172a;--color-primary-light:#1e293b;--color-secondary:#3b82f6;--color-secondary-light:#60a5fa;--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--color-surface:#fff;--color-surface-secondary:#f8fafc;--color-surface-tertiary:#f1f5f9;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-disabled:#cbd5e1;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-caption:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-surface-secondary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}html{font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(1.5rem,5vw,3rem)}h2{letter-spacing:-.01em;font-size:clamp(1.25rem,4vw,2rem)}h3{letter-spacing:0;font-size:clamp(1.125rem,3vw,1.5rem)}p{font-family:var(--font-body);color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-secondary);transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--color-secondary-light)}button{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;padding:0;font-weight:600}input,textarea,select{font-family:var(--font-body);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);transition:all var(--transition-normal);font-size:1rem;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-tertiary)}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.container{width:100%;max-width:1400px;padding:0 var(--spacing-xl);margin:0 auto}.grid{gap:var(--spacing-xl);display:grid}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width>=768px){.grid-2-md{grid-template-columns:repeat(2,1fr)}.grid-3-md{grid-template-columns:repeat(3,1fr)}.grid-4-md{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.grid-2-lg{grid-template-columns:repeat(2,1fr)}.grid-3-lg{grid-template-columns:repeat(3,1fr)}.grid-4-lg{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.grid-2-xl{grid-template-columns:repeat(2,1fr)}.grid-3-xl{grid-template-columns:repeat(3,1fr)}.grid-4-xl{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-primary{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-secondary) 100%)}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--color-secondary);color:#fff}.badge-success{background-color:var(--color-success);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-danger{background-color:var(--color-danger);color:#fff}.badge-info{background-color:var(--color-info);color:#fff}.divider{background-color:var(--color-border);height:1px;margin:var(--spacing-lg) 0}.section{margin-bottom:var(--spacing-2xl)}.section-title{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.section-title:before{content:"";background-color:var(--color-secondary);border-radius:var(--radius-full);width:4px;height:24px}.section-title h2{margin:0}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal);font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-secondary);color:#fff;border:2px solid var(--color-secondary)}.btn-primary:hover{background-color:var(--color-secondary-light);border-color:var(--color-secondary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface-secondary);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border);transform:translateY(-1px)}.btn-danger{background-color:var(--color-danger);color:#fff;border:2px solid var(--color-danger)}.btn-danger:hover{box-shadow:var(--shadow-md);background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--color-surface-secondary);color:var(--color-text-secondary)}.btn-icon:hover{background-color:var(--color-surface-tertiary);color:var(--color-text-primary)}.input-group{margin-bottom:var(--spacing-lg)}.input-label{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:.875rem;font-weight:600;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{left:var(--spacing-md);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.input-with-icon input,.input-with-icon textarea,.input-with-icon select{width:100%;padding-left:calc(var(--spacing-md) + var(--spacing-lg));padding-right:var(--spacing-md)}.avatar{border-radius:var(--radius-full);background-color:var(--color-surface-tertiary);width:48px;height:48px;color:var(--color-text-primary);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:32px;height:32px;font-size:.875rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.spinner{border:3px solid var(--color-surface-tertiary);border-top-color:var(--color-secondary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary);display:flex}.loading:after{content:"Loading...";font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}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(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:.5s fadeIn}.animate-scaleIn{animation:.5s scaleIn}.animate-slideInLeft{animation:.5s slideInLeft}.animate-slideInRight{animation:.5s slideInRight}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--color-surface:#1e293b;--color-surface-secondary:#0f172a;--color-surface-tertiary:#334155;--color-border:#475569;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-disabled:#475569}}body{margin:0}