@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";.theme-light{--bg-color:#f3f4f6;--bg-image:none;--text-color:#1f2937;--text-muted:#4b5563;--card-bg:#fff;--card-border:#e5e7ebcc;--card-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--card-hover-bg:#f9fafb;--card-hover-border:#d1d5db;--button-primary:#1f2937;--button-primary-hover:#111827;--accent-color:#4f46e5;--backdrop-blur:none;--logo-badge-color:#fff}.theme-dark{--bg-color:#0f172a;--bg-image:none;--text-color:#f8fafc;--text-muted:#94a3b8;--card-bg:#1e293b;--card-border:#334155cc;--card-shadow:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--card-hover-bg:#334155;--card-hover-border:#475569;--button-primary:#f8fafc;--button-primary-hover:#e2e8f0;--accent-color:#818cf8;--backdrop-blur:none;--logo-badge-color:#0f172a}.theme-gradient{--bg-color:transparent;--bg-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-color:#fff;--text-muted:#e2e8f0;--card-bg:#ffffff26;--card-border:#fff3;--card-shadow:0 8px 32px 0 #1f268726;--card-hover-bg:#ffffff40;--card-hover-border:#ffffff59;--button-primary:#fff;--button-primary-hover:#f8fafc;--accent-color:#fbcfe8;--backdrop-blur:blur(8px);--logo-badge-color:#5b21b6}.theme-glass{--bg-color:transparent;--bg-image:radial-gradient(circle at 10% 20%, #f2ebf3 0%, #e4e4ed 90%);--text-color:#1e293b;--text-muted:#64748b;--card-bg:#ffffff73;--card-border:#fff6;--card-shadow:0 8px 32px 0 #1f26870d;--card-hover-bg:#ffffffa6;--card-hover-border:#ffffff80;--button-primary:#312e81;--button-primary-hover:#1e1b4b;--accent-color:#6366f1;--backdrop-blur:blur(16px);--logo-badge-color:#fff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{color:#1f2937;background-color:#f9fafb;min-height:100vh;line-height:1.5}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af99}button,.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background-color:#4f46e5}.btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#374151;background-color:#fff;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#c1c5cb;transform:translateY(-1px)}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.btn-text{color:#4f46e5;background:0 0;padding:.5rem}.btn-text:hover{color:#4338ca;text-decoration:underline}.input-group{flex-direction:column;gap:.35rem;width:100%;display:flex}.input-label{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.input-field{color:#1f2937;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.input-field::placeholder{color:#9ca3af}.avatar-wrapper{cursor:pointer;display:inline-block;position:relative}.avatar-img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:96px;height:96px;transition:all .2s;box-shadow:0 4px 10px #0000001a}.avatar-wrapper:hover .avatar-img{filter:brightness(.8)}.page-zoom-enter-active,.page-zoom-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.page-zoom-enter-from{opacity:0;filter:blur(4px);transform:scale(.97)translateY(8px)}.page-zoom-leave-to{opacity:0;filter:blur(4px);transform:scale(1.02)translateY(-8px)}