*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f9fafb;font-family:Inter,system-ui,-apple-system,sans-serif}.layout{flex-direction:column;min-height:100vh;display:flex}header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logo-link{align-items:center;display:flex}nav{align-items:center;gap:20px;display:flex}nav a{color:#6b7280;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}nav a:hover{color:#1a1a1a}.btn-link{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .15s}.btn-link:hover{color:#1a1a1a}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px}.page h1{margin-bottom:8px;font-size:1.5rem;font-weight:600}.page p{color:#6b7280}.auth-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:380px;padding:32px}.auth-logo{margin:0 auto 16px;display:block}.auth-card h1{text-align:center;margin-bottom:24px;font-size:1.25rem;font-weight:600}.auth-card form{flex-direction:column;gap:16px;display:flex}.auth-card label{color:#374151;flex-direction:column;gap:4px;font-size:.875rem;font-weight:500;display:flex}.auth-card input{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-size:.875rem;transition:border-color .15s}.auth-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.auth-card button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:background .15s}.auth-card button[type=submit]:hover{background:#1d4ed8}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error{color:#dc2626;font-size:.8125rem}.auth-switch{text-align:center;color:#6b7280;margin-top:16px;font-size:.8125rem}.auth-switch a{color:#2563eb;font-weight:500;text-decoration:none}.loading{justify-content:center;align-items:center;min-height:40vh;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}