.badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary-muted);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:700}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-strong)}.alert{border-radius:var(--radius-lg);padding:12px 14px;font-size:14px;border:1px solid transparent}.alert-error{background:var(--color-red-light);color:var(--color-red);border-color:var(--color-red)}.alert-warning{background:var(--color-amber-light);color:var(--color-amber);border-color:var(--color-amber)}.alert-info{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary-muted)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:hsp-spin .8s linear infinite;margin:0 auto}@keyframes hsp-spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;text-align:right;margin-bottom:14px}.field label{font-weight:700;font-size:14px;color:var(--color-text-primary)}.field input{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);font-family:inherit;font-size:15px}.field input:focus-visible{outline:3px solid var(--color-primary-muted);outline-offset:1px}.empty-state{text-align:center;padding:28px 16px;color:var(--color-text-secondary)}.account-auth-card{max-width:420px;margin:14px auto;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);text-align:center}.account-auth-card h1{font-size:20px;margin-bottom:14px}.account-panel{display:flex;flex-direction:column;gap:14px}.account-panel[hidden]{display:none}.account-section{margin-bottom:16px}.account-section h2{font-size:18px;margin-bottom:8px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--color-border)}.device-row:last-child{border-bottom:none}.device-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.device-meta strong{font-size:14px}.device-meta small{color:var(--color-text-muted);font-size:12px}.account-page{min-height:100dvh;display:flex;flex-direction:column}.account-page #main{flex:1;display:flex}.account-page .account-section-shell{display:flex;align-items:center;width:100%;padding:10px 0}.account-page .footer{margin-top:0}.account-page .footer-grid{padding-block:10px}.account-page .copyright{padding-block:4px}@media(max-width:640px){.account-page .account-section-shell{align-items:flex-start;padding:8px 0}.account-page .footer-grid{padding-block:12px}}#account-page{width:min(1180px,calc(100% - 32px))}#account-page #account-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}#account-page .card{padding:20px}#account-page #account-content .account-section{margin:0}#account-page #account-content .account-section:only-child{grid-column:1/-1}#account-page [data-revoke-device]{padding:6px 10px;font-size:12px}.account-auth-card{margin:6px auto;padding:16px}.account-auth-card h1{margin:0 0 10px;font-size:19px}.account-auth-card .field{margin-bottom:8px}.account-auth-card .field input{min-height:48px}.account-auth-card .btn{min-height:44px}.account-auth-card .account-links{margin-top:4px}.account-section{margin-bottom:10px}.link-btn{background:none;border:none;color:var(--color-primary-dark);font-weight:700;cursor:pointer;padding:0;font-family:inherit}.link-btn:hover{text-decoration:underline}.account-links{display:flex;gap:16px;justify-content:center;margin-top:8px;font-size:13px}.btn-danger{background:var(--color-red);color:#fff;border-color:var(--color-red)}.btn-danger:hover{filter:brightness(.92)}.close-account-dialog{width:min(92vw,560px);border:0;border-radius:var(--radius-xl);padding:0;box-shadow:var(--shadow-panel);color:var(--color-text-primary)}.close-account-dialog::backdrop{background:#0f172a99}.close-account-dialog-body{display:flex;flex-direction:column;gap:16px;padding:24px;text-align:right}.close-account-dialog-body h2,.close-account-dialog-body p{margin:0}.close-account-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.close-account-dialog[aria-busy=true] .close-account-actions{opacity:.75}@media(max-width:520px){.close-account-actions{flex-direction:column-reverse}.close-account-actions .btn{width:100%}}@media(max-width:640px){#account-page{width:min(100% - 24px,1180px)}#account-page #account-content{grid-template-columns:1fr;gap:12px}#account-page .card{padding:16px}}