.account-page{max-width:720px;color:var(--brand-ink-strong);gap:16px;padding:0 12px 48px;display:grid}.account-header{padding:4px 0 0}.account-title{font-size:var(--fs-22);line-height:var(--lh-22);margin:0;font-weight:700}.account-subtitle{font-size:var(--fs-13);color:color-mix(in srgb, var(--brand-ink-soft) 65%, transparent);margin:6px 0 0}.account-card{box-shadow:0 6px 24px color-mix(in srgb, var(--brand-ink-strong) 4%, transparent);background:#fff;border:1px solid #0000000f;border-radius:16px;gap:14px;padding:20px;display:grid}.account-card--loading{color:color-mix(in srgb, var(--brand-ink-soft) 60%, transparent);font-size:var(--fs-14)}.account-card--danger{border-color:#ff3b3033}.account-card-title{font-size:var(--fs-16);margin:0;font-weight:700}.account-desc,.account-loading{font-size:var(--fs-14);color:color-mix(in srgb, var(--brand-ink-soft) 75%, transparent);margin:0;line-height:1.5}.account-hint{font-size:var(--fs-12);color:color-mix(in srgb, var(--brand-ink-soft) 60%, transparent);margin:0}.account-hint--warn{color:#c4372c}.account-state{text-align:center;font-size:var(--fs-14);color:color-mix(in srgb, var(--brand-ink-soft) 70%, transparent);justify-items:center;gap:8px;display:grid}.account-state p{margin:0}.account-avatar-row{align-items:center;gap:16px;display:flex}.account-avatar{background:#78788014;border-radius:999px;flex:none;width:72px;height:72px}.account-avatar-actions{gap:6px;min-width:0;display:grid}.account-form{gap:14px;display:grid}.account-field{gap:6px;display:grid}.account-field--left{text-align:left;margin-bottom:12px}.account-label{font-size:var(--fs-13);font-weight:600}.account-input{box-sizing:border-box;width:100%;min-height:44px;color:inherit;background:#fff;border:1px solid #0000002e;border-radius:10px;padding:0 12px;font-family:inherit;font-size:16px}.account-input:focus{outline:2px solid color-mix(in srgb, var(--brand-accent) 55%, transparent);outline-offset:1px}.account-input:disabled{color:color-mix(in srgb, var(--brand-ink-soft) 70%, transparent);background:#f5f5f5}.account-input[aria-invalid=true]{border-color:#ff3b30}.account-field-error{font-size:var(--fs-12);color:#c4372c}.account-message{font-size:var(--fs-13);margin:0}.account-message--ok{color:var(--brand-accent-deep)}.account-message--error{color:#c4372c}.account-btn-row{flex-wrap:wrap;gap:8px;display:flex}.account-btn{min-height:44px;font-family:inherit;font-size:var(--fs-14);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0 18px;font-weight:600}.account-btn:disabled{opacity:.55;cursor:not-allowed}.account-btn--primary{color:#fff;background:var(--brand-accent)}.account-btn--muted{color:#1d1d1d;background:#f5f5f5}.account-btn--text{color:color-mix(in srgb, var(--brand-ink-soft) 80%, transparent);background:0 0}.account-btn--danger-outline{color:#c4372c;background:#fff;border-color:#ff3b3066}.account-session-list,.account-usage-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.account-session{background:#fafaf7;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.account-session-main{gap:2px;min-width:0;display:grid}.account-session-device{font-size:var(--fs-14);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.account-badge{font-size:var(--fs-12);color:var(--brand-accent-deep);background:var(--brand-accent-soft);border-radius:999px;padding:2px 8px;font-weight:600}.account-usage-row{gap:6px;display:grid}.account-usage-row--plain,.account-usage-head{justify-content:space-between;gap:12px;display:flex}.account-usage-label{font-size:var(--fs-14);font-weight:600}.account-usage-value{font-size:var(--fs-13);color:color-mix(in srgb, var(--brand-ink-soft) 75%, transparent);text-align:right}.account-meter{background:#0000000f;border-radius:999px;height:8px;overflow:hidden}.account-meter-fill{background:var(--brand-accent);border-radius:999px;height:100%;transition:width .3s}.account-meter--warn .account-meter-fill{background:#e0a030}.account-meter--full .account-meter-fill{background:#ff3b30}.account-delete-dialog{text-align:left}.account-consequences{font-size:var(--fs-14);color:color-mix(in srgb, var(--brand-ink-soft) 85%, transparent);gap:6px;margin:0 0 16px;padding-left:18px;line-height:1.5;display:grid}@media (max-width:640px){.account-card{padding:16px}.account-session{flex-direction:column;align-items:flex-start}}
