*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;display:flex;gap:2rem;padding:.75rem 1.5rem;position:sticky;top:0;z-index:100}.nav-brand{color:#60a5fa;font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1rem}.nav-links a{border-radius:4px;color:#888;font-size:.9rem;padding:.25rem .5rem;text-decoration:none;transition:all .15s}.nav-links a.router-link-active,.nav-links a:hover{background:#2a2a2a;color:#e0e0e0}.nav-user{align-items:center;color:#888;display:flex;font-size:.9rem;gap:.75rem;margin-left:auto}.auth-gate{min-height:100vh}.auth-screen{justify-content:center;min-height:100vh}.auth-card,.auth-screen{align-items:center;display:flex}.auth-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;gap:1rem;padding:2.5rem 3rem;text-align:center}.auth-title{color:#60a5fa;font-size:1.8rem}.auth-text{color:#888;font-size:.95rem}.auth-btn{background:#2563eb;border-radius:6px;color:#fff;font-size:1rem;margin-top:.5rem;padding:.6rem 2rem;text-decoration:none}.auth-btn:hover{background:#3b82f6}.logout-btn{background:none;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-size:.8rem;padding:.2rem .6rem}.logout-btn:hover{border-color:#666;color:#e0e0e0}.main{margin:0 auto;max-width:1400px;padding:1.5rem}