@import"https://fonts.googleapis.com/css2?family=VT323&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--color-primary: #f59e0b;--color-primary-light: #fbbf24;--color-primary-dark: #d97706;--color-accent: #22d3d3;--color-accent-dim: #0d9488;--color-error: #ef4444;--color-success: #10b981;--color-text: #f5f5f5;--color-text-muted: #a3a3a3;--color-text-dim: #737373;--color-bg-dark: #0a0a0a;--color-bg-base: #111111;--color-bg-elevated: #1a1a1a;--color-bg-card: rgba(255, 255, 255, .03);--color-bg-card-solid: rgba(255, 255, 255, .05);--color-bg-card-light: rgba(255, 255, 255, .02);--color-bg-surface: rgba(255, 255, 255, .04);--color-bg-surface-solid: rgba(255, 255, 255, .06);--color-bg-input: rgba(0, 0, 0, .4);--color-primary-alpha-10: rgba(245, 158, 11, .1);--color-primary-alpha-20: rgba(245, 158, 11, .2);--color-primary-alpha-30: rgba(245, 158, 11, .3);--color-primary-alpha-50: rgba(245, 158, 11, .5);--color-primary-light-alpha-10: rgba(251, 191, 36, .1);--color-primary-light-alpha-30: rgba(251, 191, 36, .3);--color-error-alpha-10: rgba(239, 68, 68, .1);--color-error-alpha-30: rgba(239, 68, 68, .3);--color-success-alpha-10: rgba(16, 185, 129, .1);--color-success-alpha-30: rgba(16, 185, 129, .3);--color-white-alpha-5: rgba(255, 255, 255, .05);--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-20: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--transition-fast: all .15s ease-out;--transition-base: all .25s ease-out;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-card-hover: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(245, 158, 11, .15);--shadow-glow-lg: 0 0 60px rgba(245, 158, 11, .2);--shadow-hover: 0 20px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--blur-md: 12px;--blur-lg: 24px;--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-primary-reverse: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-text: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-bg: radial-gradient(ellipse at center, #252525 0%, #0f0f0f 80%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);--gradient-vignette: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, .4) 100%);--font-display: "VT323", monospace;--font-body: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg-dark)}body{font-family:var(--font-body);background:radial-gradient(circle at center,rgba(255,255,255,.06) 1px,transparent 1px),var(--gradient-vignette),var(--gradient-bg);background-size:16px 16px,100% 100%,100% 100%;background-attachment:fixed;color:var(--color-text);line-height:1.5;min-height:100vh;overflow-x:hidden;font-size:14px;letter-spacing:.02em}#app{min-height:100vh;position:relative}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.05em;text-transform:uppercase}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;transition:var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#0a0a0a;font-weight:600;box-shadow:var(--shadow-soft)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:none;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-ghost{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-alpha-20);border-color:var(--color-primary-light)}.btn-success{background:var(--color-success-alpha-10);border:1px solid var(--color-success-alpha-30);color:var(--color-success)}.btn-danger{background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-30);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#ff6b6b33}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.75rem}.btn-lg{padding:var(--space-lg);font-size:1.125rem;font-weight:700}.form-input{width:100%;padding:var(--space-md) var(--space-lg);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;color:var(--color-text);transition:var(--transition-base)}.form-input::placeholder{color:var(--color-text-dim)}.form-input:focus{outline:none;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0d}.form-input-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.form-label{display:block;margin-bottom:var(--space-sm);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:var(--space-lg)}.card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);padding:var(--space-xl)}.card-elevated{box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.badge-primary{background:var(--gradient-text);color:#fff}.badge-outline{background:#00000080;color:var(--color-primary);border:1px solid rgba(255,255,255,.1)}.badge-subtle{background:#000000b3;color:var(--color-text)}.loading-container{text-align:center;padding:4rem;color:var(--color-text-muted);font-family:var(--font-display);font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.loading-spinner{width:50px;height:50px;border:3px solid var(--color-primary-alpha-20);border-top-color:var(--color-primary);border-radius:4px;margin:0 auto var(--space-lg);animation:spin 1s linear infinite;box-shadow:0 0 20px #f59e0b4d}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:var(--space-2xl);color:var(--color-error);background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-30);border-radius:var(--radius-lg)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-status{text-align:center;padding:var(--space-lg) 0}.auth-status p{margin:0 0 var(--space-sm);color:var(--color-text)}.auth-status.is-error p{color:var(--color-error)}.auth-status.is-success p{color:var(--color-primary-light)}.auth-status .hint{color:var(--color-text-muted)!important;font-size:.875rem}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);pointer-events:none;z-index:2}.scanlines-subtle{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}@keyframes vhs-noise{0%,to{opacity:.02}50%{opacity:.04}}.vhs-effect{position:relative}.vhs-effect:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px);pointer-events:none;animation:vhs-noise .5s infinite}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-card{background:#141414f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #0009}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.modal-header h3{margin:0;font-size:1.125rem;color:var(--color-text)}.modal-close{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-primary)}.floating-avatar[data-v-c387987d]{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1000}.avatar-btn[data-v-c387987d]{display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);box-shadow:0 8px 32px #0000004d}.avatar-btn[data-v-c387987d]:hover,.avatar-btn.active[data-v-c387987d]{background:#ffffff1f;border-color:#fff3;box-shadow:0 12px 40px #0006;transform:scale(1.05)}.avatar[data-v-c387987d]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--color-primary);letter-spacing:.1em;text-shadow:0 0 10px rgba(245,158,11,.5)}.dropdown-menu[data-v-c387987d]{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:220px;background:#141414e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000080;overflow:hidden}.menu-header[data-v-c387987d]{padding:var(--space-md) var(--space-lg);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.menu-name[data-v-c387987d]{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--color-primary-light);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.menu-email[data-v-c387987d]{display:block;font-size:.7rem;color:var(--color-text-muted);word-break:break-all}.menu-divider[data-v-c387987d]{height:1px;background:#ffffff0f}.menu-item[data-v-c387987d]{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--color-text);font-family:var(--font-body);font-size:.8rem;text-decoration:none;cursor:pointer;transition:var(--transition-base);text-align:left;letter-spacing:.02em}.menu-item[data-v-c387987d]:hover{background:var(--color-primary-light-alpha-10);color:var(--color-primary-light)}.menu-item-danger[data-v-c387987d]:hover{background:var(--color-error-alpha-10);color:var(--color-error)}.menu-icon[data-v-c387987d]{font-size:1rem;width:1.25rem;text-align:center}@media(min-width:640px){.floating-avatar[data-v-c387987d]{top:var(--space-xl);right:var(--space-xl)}.avatar[data-v-c387987d]{width:48px;height:48px;font-size:1.2rem}}