@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.navbar[data-v-a2bff3d2]{padding:0 var(--space-xl);z-index:100;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);background:#0a0b10cc;justify-content:space-between;align-items:center;height:60px;display:flex;position:sticky;top:0}.navbar-brand[data-v-a2bff3d2]{align-items:center;gap:var(--space-md);cursor:pointer;transition:opacity var(--transition-fast);display:flex}.navbar-brand[data-v-a2bff3d2]:hover{opacity:.85}.navbar-logo[data-v-a2bff3d2]{border-radius:50%;justify-content:center;align-items:center;animation:4s ease-in-out infinite pulse-glow;display:flex}.navbar-title[data-v-a2bff3d2]{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.navbar-title-accent[data-v-a2bff3d2]{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-actions[data-v-a2bff3d2]{align-items:center;gap:var(--space-md);display:flex}.navbar-version[data-v-a2bff3d2]{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 8px;font-size:.75rem;font-weight:500}:root{--bg-base:#0a0b10;--bg-surface:#12131a;--bg-elevated:#1a1b25;--bg-hover:#22232f;--bg-card:#12131ab3;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#a78bfa;--gradient-accent:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-accent-hover:linear-gradient(135deg, #7577f5, #9d75fa);--gradient-subtle:linear-gradient(135deg, #6366f11f, #8b5cf614);--text-primary:#f0f0f5;--text-secondary:#9294a0;--text-muted:#5c5e6b;--text-accent:#a5b4fc;--text-on-accent:#fff;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#6366f14d;--glass-bg:#12131a99;--glass-blur:20px;--glass-border:#ffffff14;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px #6366f126;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--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);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--warning:#f59e0b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#6366f114 0%,#0000 50%),radial-gradient(at 80% 100%,#8b5cf60f 0%,#0000 50%);position:fixed;inset:0}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--text-accent);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f11a}50%{box-shadow:0 0 30px #6366f140}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.btn-primary{align-items:center;gap:var(--space-sm);background:var(--gradient-accent);color:var(--text-on-accent);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;letter-spacing:.01em;border:none;padding:10px 22px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{align-items:center;gap:var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;background:0 0;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.btn-danger{align-items:center;gap:var(--space-sm);color:var(--danger);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #ef444433;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-danger:hover{background:#ef44441a;border-color:#ef444466}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.danger:hover{color:var(--danger);background:#ef44441a}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--transition-fast) ease-out;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:480px;box-shadow:var(--shadow-lg);animation:scaleIn var(--transition-base) ease-out}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8125rem;font-weight:500}.form-input{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:.9375rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}