:root{--bg: #0c0c0f;--bg-card: #14141a;--bg-input: #1a1a22;--border: #2a2a35;--text: #e8e8ed;--text-muted: #8888a0;--accent: #00d4aa;--accent-hover: #00f0c0;--danger: #ff4757;--radius: 12px;--font-sans: "Unbounded", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.logo{font-family:var(--font-sans);font-weight:700;font-size:1.25rem;color:var(--accent);text-decoration:none;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:color .2s}.nav a:hover,.nav a.router-link-active{color:var(--accent)}.btn-logout{font-family:var(--font-mono);font-size:.8rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;cursor:pointer;transition:border-color .2s,color .2s}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.main{flex:1;padding:1.5rem;max-width:900px;margin:0 auto;width:100%}.main--full{max-width:440px;padding-top:3rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}