.account-page{--ac-bg:var(--page-bg);--ac-surface:#fff;--ac-surface-2:#f1f5f3;--ac-border:#e5eae6;--ac-text:#0f1a12;--ac-text-2:#5a6b5f;--ac-text-3:#94a199;--ac-primary:#2c5640;--ac-primary-700:#1f4030;--ac-primary-50:#ebf2ee;--ac-success:#15803d;--ac-success-50:#dcfce7;--ac-warn:#c2410c;--ac-warn-50:#fff1ea;--ac-destructive:#b91c1c;--ac-destructive-50:#fef2f2;--ac-gold:#d4a017;--ac-gold-50:#fdf8e7;--ac-radius-card:12px;--ac-radius-chip:8px;--ac-shadow-card:0 1px 2px #0f1a120f, 0 4px 12px #0f1a120a;background:radial-gradient(ellipse 70% 40% at 50% 0%, #2c56400a, transparent 70%), var(--ac-bg);color:var(--ac-text);-webkit-font-smoothing:antialiased}.account-page ::selection{background:var(--ac-primary-50);color:var(--ac-primary)}.account-page .ac-num,.account-page [data-num]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.account-page .ac-mono{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace}.account-page .ac-card{background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:var(--ac-radius-card);box-shadow:var(--ac-shadow-card);overflow:hidden}.account-page .ac-btn{cursor:pointer;white-space:nowrap;height:36px;color:var(--ac-text);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.account-page .ac-btn:disabled{opacity:.55;cursor:not-allowed}.account-page .ac-btn-sm{border-radius:6px;height:30px;padding:0 10px;font-size:14px}.account-page .ac-btn-primary{background:var(--cta);color:var(--cta-foreground)}.account-page .ac-btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--cta) 90%, black)}.account-page .ac-btn-outline{border-color:var(--ac-border);color:var(--ac-text);background:#fff}.account-page .ac-btn-outline:hover:not(:disabled){border-color:var(--ac-primary);color:var(--ac-primary)}.account-page .ac-btn-ghost{color:var(--ac-text-2)}.account-page .ac-btn-ghost:hover:not(:disabled){color:var(--ac-primary);background:var(--ac-primary-50)}.account-page .ac-btn-link{height:auto;color:var(--ac-primary);gap:4px;padding:0;font-size:14px;font-weight:600}.account-page .ac-btn-link:hover{color:var(--ac-primary-700)}.account-page .ac-btn-destructive{color:var(--ac-destructive)}.account-page .ac-btn-destructive:hover:not(:disabled){background:var(--ac-destructive-50)}.account-page .ac-badge{background:var(--ac-surface-2);color:var(--ac-text-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.account-page .ac-badge-primary{background:var(--ac-primary-50);color:var(--ac-primary)}.account-page .ac-badge-success{background:var(--ac-success-50);color:var(--ac-success)}.account-page .ac-badge-warn{background:var(--ac-warn-50);color:var(--ac-warn)}.account-page .ac-badge-gold{background:var(--ac-gold-50);color:#8a6a0e}.account-page .ac-badge-destructive{background:var(--ac-destructive-50);color:var(--ac-destructive)}.account-page .ac-input{border:1.5px solid var(--ac-border);width:100%;height:40px;color:var(--ac-text);background:#fff;border-radius:8px;outline:none;padding:0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.account-page .ac-input:focus{border-color:var(--ac-primary);box-shadow:0 0 0 3px var(--ac-primary-50)}.account-page .ac-input.error{border-color:var(--ac-destructive)}.account-page .ac-input.error:focus{box-shadow:0 0 0 3px var(--ac-destructive-50)}.account-page .ac-label{color:var(--ac-text-3);letter-spacing:0;text-transform:uppercase;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:14px;font-weight:600}.account-page .ac-field-row{padding:16px 20px;transition:background .15s}.account-page .ac-field-row+.ac-field-row{border-top:1px solid var(--ac-border)}.account-page .ac-field-row.editing{background:linear-gradient(#f7fbf8 0%,#fff 60%)}.account-page .ac-tier-gold-bg{background:radial-gradient(100% 80% at 100% 0,#d4a0172e,#0000 60%),linear-gradient(135deg,#fdf8e7 0%,#fcefc0 60%,#f8e59a 100%)}.account-page .ac-tier-shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/200% 100%;animation:4.5s ease-in-out infinite ac-tier-shine;position:absolute;inset:0}@keyframes ac-tier-shine{0%,to{background-position:200% 0}60%{background-position:-100% 0}}.account-page .ac-progress-track{background:#0f1a1214;border-radius:999px;overflow:hidden}.account-page .ac-progress-fill{background:linear-gradient(90deg,#b8860b 0%,#d4a017 60%,#e8b82c 100%);height:100%;box-shadow:inset 0 1px #ffffff4d}.account-page .ac-skeleton{background:linear-gradient(90deg, var(--ac-surface-2) 0%, #e8eeea 50%, var(--ac-surface-2) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite ac-shimmer}@keyframes ac-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-page .ac-tab-indicator,.ac-tab-indicator{background:var(--ac-primary,#2c5640);border-radius:0 0 2px 2px;width:28px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.account-page .ac-badge-dot,.ac-badge-dot{background:var(--ac-destructive,#b91c1c);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.account-page .ac-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ac-spin;display:inline-block}@keyframes ac-spin{to{transform:rotate(360deg)}}
