@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{scroll-behavior:smooth;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius: 10px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--transition: .2s ease;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .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);--transition-bounce: .6s cubic-bezier(.68, -.55, .27, 1.55);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--sidebar-width: 260px;--sidebar-collapsed: 60px;--touch-target: 44px;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-accent: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--gradient-surface: linear-gradient(135deg, rgba(15, 23, 42, .9) 0%, rgba(20, 30, 55, .9) 100%);--gradient-border: linear-gradient(135deg, rgba(99, 102, 241, .3), rgba(59, 130, 246, .1), rgba(139, 92, 246, .3));--gradient-glow: linear-gradient(135deg, rgba(37, 99, 235, .15), rgba(124, 58, 237, .08));--gradient-neon: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(34, 211, 238, .3), rgba(139, 92, 246, .5));--gradient-mesh: radial-gradient(at 40% 20%, rgba(37, 99, 235, .12) 0%, transparent 50%), radial-gradient(at 80% 80%, rgba(124, 58, 237, .08) 0%, transparent 50%), radial-gradient(at 10% 80%, rgba(34, 211, 238, .06) 0%, transparent 50%)}.theme-dark{--bg-primary: #060a13;--bg-secondary: #0a1020;--bg-tertiary: #111a2e;--bg-hover: #162038;--bg-active: #1e2a45;--surface-primary: rgba(12, 18, 35, .85);--surface-secondary: rgba(18, 26, 48, .7);--surface-glass: rgba(12, 18, 35, .85);--surface-elevated: rgba(20, 30, 55, .9);--text-primary: #e8edf5;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #2563eb;--primary-light: #60a5fa;--primary-dark: #1d4ed8;--accent: #60a5fa;--accent-hover: #3b82f6;--accent-secondary: #a78bfa;--accent-cyan: #22d3ee;--accent-emerald: #34d399;--border: #162038;--border-color: rgba(148, 163, 184, .08);--border-light: rgba(148, 163, 184, .12);--border-glow: rgba(99, 102, 241, .2);--border-neon: rgba(34, 211, 238, .2);--danger: #f87171;--danger-hover: #ef4444;--success: #34d399;--warning: #fbbf24;--info: #60a5fa;--success-bg: rgba(52, 211, 153, .1);--warning-bg: rgba(251, 191, 36, .1);--error-bg: rgba(248, 113, 113, .1);--info-bg: rgba(96, 165, 250, .1);--unread-bg: rgba(37, 99, 235, .06);--toast-bg: #111a2e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 16px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .1);--shadow-glow-primary: 0 0 20px rgba(37, 99, 235, .2), 0 0 40px rgba(37, 99, 235, .08);--shadow-neon: 0 0 15px rgba(34, 211, 238, .15), 0 0 30px rgba(34, 211, 238, .05);--shadow-float: 0 20px 40px rgba(0, 0, 0, .5), 0 0 30px rgba(99, 102, 241, .08);--scrollbar-thumb: #1e2a45;--scrollbar-track: #060a13}.theme-light{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-hover: #E2E8F0;--bg-active: #CBD5E1;--surface-primary: rgba(255, 255, 255, .9);--surface-secondary: rgba(241, 245, 249, .8);--surface-glass: rgba(255, 255, 255, .9);--surface-elevated: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-secondary: #7c3aed;--accent-cyan: #06b6d4;--accent-emerald: #059669;--border: #E2E8F0;--border-color: rgba(148, 163, 184, .2);--border-light: rgba(148, 163, 184, .25);--border-glow: rgba(37, 99, 235, .15);--border-neon: rgba(6, 182, 212, .15);--danger: #dc2626;--danger-hover: #b91c1c;--success: #059669;--warning: #d97706;--info: #2563eb;--success-bg: rgba(5, 150, 105, .08);--warning-bg: rgba(217, 119, 6, .08);--error-bg: rgba(220, 38, 38, .08);--info-bg: rgba(37, 99, 235, .08);--unread-bg: #EFF6FF;--toast-bg: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 16px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(37, 99, 235, .06);--shadow-glow-primary: 0 0 20px rgba(37, 99, 235, .1), 0 0 40px rgba(37, 99, 235, .04);--shadow-neon: 0 0 15px rgba(6, 182, 212, .08);--shadow-float: 0 12px 24px rgba(0, 0, 0, .08), 0 0 20px rgba(37, 99, 235, .04);--scrollbar-thumb: #CBD5E1;--scrollbar-track: #F8FAFC}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition),color var(--transition)}body{overflow:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:1px solid transparent;background-clip:content-box;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:transparent}input,textarea,select{font-family:inherit;font-size:var(--font-size-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f,var(--shadow-glow-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:var(--font-size-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}button:active:not(:disabled){transform:scale(.97);transition-duration:80ms}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:0 2px 12px #2563eb40}.btn-primary:hover{box-shadow:0 4px 20px #2563eb59;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb33}.btn-secondary{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 2px 12px #dc262640}.btn-danger:hover{box-shadow:0 4px 20px #dc262659;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid transparent}.btn-ghost:hover{background:#94a3b80f;color:var(--text-primary);border-color:var(--border-color)}.btn-sm{padding:4px 8px;font-size:var(--font-size-xs)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(52,211,153,.15)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(251,191,36,.15)}.badge-error{background:var(--error-bg);color:var(--danger);border:1px solid rgba(248,113,113,.15)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(96,165,250,.15)}.badge-pending{background:#94a3b814;color:var(--text-secondary);border:1px solid rgba(148,163,184,.1)}.card{background:var(--surface-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{border-color:var(--border-light)}.glass-card{background:linear-gradient(135deg,#0f172ab3,#141e3780);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);padding:var(--space-lg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);box-shadow:var(--shadow-md),inset 0 1px #ffffff08;transition:all var(--transition-normal);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.glass-card:hover{border-color:#6366f126;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.theme-light .glass-card{background:linear-gradient(135deg,#ffffffe6,#f1f5f9b3)}.theme-light .glass-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}.neon-card{position:relative;background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid transparent;background-clip:padding-box}.neon-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--radius-lg) + 1px);background:var(--gradient-neon);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.neon-card:hover:before{opacity:1}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:13px;border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-spring);box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(22px);background:#fff;box-shadow:0 2px 8px #2563eb4d}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(8px);background:var(--surface-elevated);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:1000}.tooltip:hover:after{opacity:1}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:var(--space-lg) 0}.divider-sm{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:var(--space-sm) 0}.skeleton{background:linear-gradient(90deg,#94a3b80f 25%,#94a3b81f,#94a3b80f 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.particle-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.particle-bg .particle{position:absolute;width:var(--size, 4px);height:var(--size, 4px);background:var(--particle-color, rgba(99, 102, 241, .3));border-radius:50%;animation:particle-drift var(--duration, 8s) var(--delay, 0s) ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@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)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #6366f11a}50%{box-shadow:0 0 20px #6366f133}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes neon-pulse{0%,to{box-shadow:0 0 5px #6366f133,0 0 10px #6366f11a;border-color:#6366f133}50%{box-shadow:0 0 10px #6366f14d,0 0 20px #6366f126;border-color:#6366f159}}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(4px)}}@keyframes particle-drift{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(var(--drift-x, 100px),var(--drift-y, -100px)) rotate(360deg);opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes orbit{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes slide-border{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes unread-glow{0%,to{box-shadow:0 0 4px #2563eb4d}50%{box-shadow:0 0 10px #2563eb99}}@keyframes compose-entrance{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stagger-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){button,a,input[type=checkbox]{min-height:var(--touch-target);min-width:var(--touch-target)}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glass-card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}