.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:30px 28px}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:18px}.auth-brand-mark{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:linear-gradient(180deg,#3B82F6 0,var(--accent) 100%);display:grid;place-items:center}.auth-brand-name{font-size:15px;font-weight:800;letter-spacing:-.02em}.auth-title{font-size:22px;font-weight:800;letter-spacing:-.025em;margin:0 0 4px}.auth-sub{font-size:13.5px;color:var(--text-muted);margin:0 0 22px;line-height:1.5}.auth-field{margin-bottom:14px}.auth-label{display:block;font-size:12.5px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.auth-input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-50)}.auth-btn{width:100%;padding:11px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:0;border-radius:10px;background:var(--accent);color:#fff;transition:filter .16s var(--ease-soft)}.auth-btn:hover:not(:disabled){filter:brightness(1.06)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin:12px 0 0;font-size:12.5px;color:var(--error-text)}.auth-alt{margin:18px 0 0;font-size:13px;color:var(--text-muted);text-align:center}.auth-alt a{color:var(--accent);font-weight:600;text-decoration:none}.auth-alt a:hover{text-decoration:underline}.auth-mini{margin-top:10px;font-size:12px;text-align:right}.auth-mini a{color:var(--text-muted)}.auth-legal{margin:16px 0 0;font-size:11.5px;color:var(--text-subtle);line-height:1.5;text-align:center}.auth-legal a{color:var(--text-muted)}.settings-page{--fds-primary-50:#F8F9FE;--fds-primary-100:#E8EFFC;--fds-primary-200:#D3E1FD;--fds-primary-300:#B8CDFC;--fds-primary-500:#195EE8;--fds-primary-600:#144CB8;--fds-primary-700:#0F398A;--fds-neutral-0:#FFFFFF;--fds-neutral-100:#F8F9FC;--fds-neutral-200:#EFF2FA;--fds-neutral-300:#EAEDF6;--fds-neutral-400:#DFE3EC;--fds-neutral-500:#C4C8D4;--fds-neutral-600:#A7ADBE;--fds-neutral-700:#8C93A6;--fds-neutral-800:#586171;--fds-neutral-900:#262D40;--fds-alert-100:#FFEBEC;--fds-alert-500:#F26060;--fds-alert-600:#D92631;--fds-alert-700:#AD1F28;--fds-warning-100:#FFF4E3;--fds-warning-600:#FF9500;--fds-warning-700:#AD6F00;--fds-success-50:#EFFBF5;--fds-success-100:#DCF4E8;--fds-success-600:#00994C;--fds-success-700:#007A3D;--fds-violet-100:#EEE9FE;--fds-violet-500:#7C3AED;--fds-violet-700:#5B21B6;--fds-teal-100:#DDF6F1;--fds-teal-500:#0D9488;--fds-teal-700:#0F6B62;--fds-radius-sm:6px;--fds-radius-md:8px;--fds-radius-lg:12px;--fds-radius-pill:999px;--fds-shadow-xs:0 1px 2px rgba(16,24,40,0.05);--fds-shadow-sm:0 1px 3px rgba(16,24,40,0.08),0 1px 2px rgba(16,24,40,0.04);--fds-shadow-focus:0 0 0 4px rgba(25,94,232,0.18);--fds-shadow-focus-error:0 0 0 4px rgba(242,96,96,0.18);--fds-font-body:var(--fds-font-inter),"Inter",system-ui,sans-serif;--fds-font-heading:var(--fds-font-display),"Plus Jakarta Sans",system-ui,sans-serif;max-width:1180px;margin:0 auto;padding:28px 24px 72px;font-family:var(--fds-font-body);background:var(--fds-neutral-100);color:var(--fds-neutral-900)}.settings-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.settings-brand{display:flex;align-items:center;gap:10px}.settings-brand-mark{width:30px;height:30px;border-radius:var(--fds-radius-md);flex-shrink:0;display:grid;place-items:center;background:linear-gradient(180deg,#487EED 0,var(--fds-primary-500) 100%);box-shadow:0 4px 12px rgba(25,94,232,.28)}.settings-brand-text{display:flex;flex-direction:column;line-height:1.1}.settings-brand-title{font-family:var(--fds-font-heading);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--fds-neutral-900)}.settings-brand-accent{color:var(--fds-primary-500)}.settings-brand-sub{font-size:11px;color:var(--fds-neutral-700);font-weight:600}.settings-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-back{font-size:13px;color:var(--fds-primary-500);text-decoration:none;font-weight:600;white-space:nowrap}.settings-back:hover{text-decoration:underline}.settings-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;background:linear-gradient(135deg,var(--fds-primary-50) 0,var(--fds-neutral-0) 65%);border:1px solid var(--fds-neutral-300);border-radius:var(--fds-radius-lg);box-shadow:var(--fds-shadow-sm);padding:28px 32px;margin-bottom:20px}.settings-hero-id{display:flex;align-items:center;gap:18px;min-width:0}.settings-hero-avatar{width:64px;height:64px;border-radius:var(--fds-radius-lg);flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#BF58BB,#5C59D4);color:#fff;font-size:24px;box-shadow:0 8px 20px rgba(92,89,212,.28)}.settings-hero-avatar,.settings-hero-name{font-family:var(--fds-font-heading);font-weight:700}.settings-hero-name{font-size:21px;letter-spacing:-.015em;color:var(--fds-neutral-900)}.settings-hero-email{font-size:13.5px;color:var(--fds-neutral-700);margin-top:2px;word-break:break-all}.settings-hero-caption{font-size:11.5px;color:var(--fds-neutral-700);margin-top:3px}.settings-hero-stats{display:flex;align-items:center;gap:24px;flex-shrink:0}.settings-hero-stat{display:flex;flex-direction:column;gap:2px;position:relative}.settings-hero-stat strong{font-family:var(--fds-font-heading);font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--fds-neutral-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-hero-stat span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fds-neutral-700)}.settings-hero-stat-sep{width:1px;height:34px;background:var(--fds-neutral-300);flex-shrink:0}.settings-hero-topup{font-size:10.5px;font-weight:700;color:var(--fds-primary-500);text-decoration:none;margin-top:1px}.settings-hero-topup:hover{text-decoration:underline}.settings-hero-stat-ring{flex-direction:row;align-items:center;gap:10px}.settings-hero-stat-ring span:last-child{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fds-neutral-700)}.settings-score-ring{position:relative;width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--ring-tone) 0 calc(var(--pct, 0) * 1%),var(--fds-neutral-300) 0)}.settings-score-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--fds-neutral-0)}.settings-score-ring-num{position:relative;font-family:var(--fds-font-heading);font-size:14px;font-weight:800;color:var(--fds-neutral-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.settings-score-ring.tone-success{--ring-tone:var(--fds-success-600)}.settings-score-ring.tone-warning{--ring-tone:var(--fds-warning-600)}.settings-score-ring.tone-error{--ring-tone:var(--fds-alert-600)}.settings-score-ring.tone-empty{--ring-tone:var(--fds-neutral-400)}.settings-score-ring.tone-empty .settings-score-ring-num{color:var(--fds-neutral-600)}.settings-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--fds-neutral-100);border:1px solid var(--fds-neutral-300);border-radius:var(--fds-radius-lg);padding:6px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs-group{display:flex;gap:3px}.settings-tab{font:inherit;font-family:var(--fds-font-body);font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--fds-radius-md);border:none;background:transparent;color:var(--fds-neutral-800);white-space:nowrap;transition:background .12s,color .12s,box-shadow .12s}.settings-tab svg{width:16px;height:16px;flex-shrink:0}.settings-tab:hover{background:var(--fds-neutral-200);color:var(--fds-neutral-900)}.settings-tab.active{background:var(--fds-neutral-0);color:var(--fds-primary-600);box-shadow:0 1px 2px rgba(0,0,0,.04)}.settings-tab.danger{color:var(--fds-alert-600);flex-shrink:0}.settings-tab.danger:hover{background:var(--fds-alert-100);color:var(--fds-alert-700)}.settings-tab.danger.active{background:var(--fds-neutral-0);color:var(--fds-alert-700);box-shadow:0 1px 2px rgba(0,0,0,.04)}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-content .credits-card{margin:0}.settings-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px;align-items:start}.settings-activity-counts{margin-top:4px;padding-top:4px}.settings-activity-counts .cert-cell-top{font-size:19px}@media (max-width:780px){.settings-activity-counts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.settings-activity-counts .cert-cell:nth-child(3n+1){border-left:0;padding-left:0}}@media (max-width:460px){.settings-activity-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-activity-counts .cert-cell:nth-child(3n+1){border-left:1px solid var(--fds-neutral-300);padding-left:12px}.settings-activity-counts .cert-cell:nth-child(odd){border-left:0;padding-left:0}}.settings-risk-bar-row{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--fds-neutral-300)}.settings-risk-bar-label{font-size:12.5px;color:var(--fds-neutral-700);flex-shrink:0}.settings-risk-bar{flex:1 1}.settings-risk-bar-val{font-size:13px;font-weight:700;color:var(--fds-neutral-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0;min-width:32px;text-align:right}.settings-risk-empty{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--fds-neutral-300)}.settings-section-count{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--fds-radius-pill);background:var(--fds-primary-100);color:var(--fds-primary-600);font-size:11.5px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;vertical-align:middle}.settings-profile-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--fds-neutral-300)}.settings-section{background:var(--fds-neutral-0);border:1px solid var(--fds-neutral-300);border-radius:var(--fds-radius-lg);box-shadow:var(--fds-shadow-sm);padding:24px 26px}.settings-section.danger{border-color:var(--fds-alert-500)}.settings-section-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.settings-section-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--fds-radius-md);background:var(--fds-primary-100);color:var(--fds-primary-600);flex-shrink:0}.settings-section-icon svg{width:19px;height:19px}.settings-section-icon.danger{background:var(--fds-alert-100);color:var(--fds-alert-700)}.settings-section-title{margin:0;font-family:var(--fds-font-heading);font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--fds-neutral-900)}.settings-section.danger .settings-section-title{color:var(--fds-alert-700)}.settings-section-desc{font-size:13px;color:var(--fds-neutral-700);margin:4px 0 0;line-height:1.55}.settings-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-grid{display:grid;grid-gap:8px;gap:8px;max-width:480px}.settings-grid .settings-row{margin-top:4px}.settings-field-label{font-size:12.5px;font-weight:600;color:var(--fds-neutral-800)}.settings-details{margin:0;display:flex;flex-direction:column}.settings-details-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--fds-neutral-300)}.settings-details-row:last-child{border-bottom:none;padding-bottom:0}.settings-details-row dt{font-size:13px;color:var(--fds-neutral-700);font-weight:500}.settings-details-row dd{margin:0;font-size:13.5px;color:var(--fds-neutral-900);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.settings-page .auth-input{height:40px;padding:0 12px;border-radius:var(--fds-radius-md);border:1px solid var(--fds-neutral-400);background:var(--fds-neutral-0);color:var(--fds-neutral-900);font-family:var(--fds-font-body);font-size:14px;transition:border-color .12s,box-shadow .12s}.settings-page .auth-input:focus{border-color:var(--fds-primary-500);box-shadow:var(--fds-shadow-focus)}.settings-page .auth-input::placeholder{color:var(--fds-neutral-700)}.settings-btn{font:inherit;font-family:var(--fds-font-body);font-size:14px;font-weight:600;height:40px;padding:0 18px;border-radius:var(--fds-radius-md);cursor:pointer;border:1px solid var(--fds-neutral-400);background:var(--fds-neutral-0);color:var(--fds-neutral-900);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .12s,border-color .12s,filter .12s}.settings-btn:hover:not(:disabled){background:var(--fds-neutral-100);border-color:var(--fds-neutral-500)}.settings-btn.primary{background:var(--fds-primary-500);color:#fff;border-color:transparent}.settings-btn.primary:hover:not(:disabled){background:var(--fds-primary-600)}.settings-btn.danger{background:var(--fds-alert-600);color:#fff;border-color:transparent}.settings-btn.danger:hover:not(:disabled){background:var(--fds-alert-700)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-msg{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;margin-top:2px;font-weight:600}.settings-msg:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.settings-msg.ok{color:var(--fds-success-700)}.settings-msg.ok:before{background:var(--fds-success-600)}.settings-msg.err{color:var(--fds-alert-700)}.settings-msg.err:before{background:var(--fds-alert-600)}.settings-aispend-empty{font-size:13px;color:var(--fds-neutral-700);margin:0 0 16px}.settings-aispend{margin:0 0 16px}.settings-aispend-total{font-size:14px;color:var(--fds-neutral-700);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:12px}.settings-aispend-total strong{font-family:var(--fds-font-heading);font-size:22px;font-weight:700;color:var(--fds-neutral-900);letter-spacing:-.01em}.settings-aispend-total-sub{font-size:12px;color:var(--fds-neutral-700)}.settings-aispend-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.settings-aispend-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:14px;gap:14px;padding:8px 0;border-top:1px solid var(--fds-neutral-300);font-size:13px}.settings-aispend-label{color:var(--fds-neutral-900)}.settings-aispend-count{color:var(--fds-neutral-700);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-aispend-credits{color:var(--fds-neutral-800);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.settings-share-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;grid-gap:14px;gap:14px;padding:8px 0;border-top:1px solid var(--fds-neutral-300);font-size:13px}.settings-share-row .settings-btn{padding:4px 10px;font-size:12px}.settings-support-addr{font-size:12px;color:var(--fds-neutral-700);align-self:center}@media (max-width:780px){.settings-hero{padding:22px 24px}.settings-hero-stats{width:100%;justify-content:flex-start}}@media (max-width:560px){.settings-topbar{flex-wrap:wrap}.settings-hero{flex-direction:column;align-items:flex-start}.settings-hero-stats{gap:18px}}.settings-page .credits-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px 22px;margin:4px 0 24px;border-radius:var(--fds-radius-lg);background:var(--fds-primary-50);border:1px solid var(--fds-primary-100)}.settings-page .credits-card:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 32%,color-mix(in srgb,#fff 55%,transparent) 48%,transparent 62%);transform:translateX(-120%);animation:creditsSheen 1.15s cubic-bezier(.22,1,.36,1) .3s 1;pointer-events:none}@keyframes creditsSheen{to{transform:translateX(120%)}}.settings-page .credits-card-coin{flex-shrink:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--fds-primary-500),var(--fds-primary-700));box-shadow:0 6px 16px rgba(25,94,232,.36)}.settings-page .credits-card.is-empty .credits-card-coin{background:linear-gradient(140deg,var(--fds-warning-600),#AD6F00);box-shadow:0 6px 16px rgba(255,149,0,.32)}.settings-page .credits-card-main{flex:1 1;min-width:0}.settings-page .credits-card-num{display:flex;align-items:baseline;gap:8px;font-family:var(--fds-font-heading);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--fds-neutral-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-page .credits-card-unit{font-family:var(--fds-font-body);font-size:14px;font-weight:600;color:var(--fds-neutral-700);letter-spacing:0}.settings-page .credits-card-sub{margin-top:7px;font-size:13px;color:var(--fds-neutral-700)}.settings-page .credits-card-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border-radius:var(--fds-radius-md);background:var(--fds-primary-500);color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:background .12s}.settings-page .credits-card-cta:hover{background:var(--fds-primary-600)}@media (max-width:520px){.settings-page .credits-card{flex-wrap:wrap}.settings-page .credits-card-cta{margin-left:70px}}@media (prefers-reduced-motion:reduce){.settings-page .credits-card:before{display:none}}.legal-page{max-width:760px;margin:0 auto;padding:40px 24px 80px}.legal-page h1{font-size:28px;font-weight:800;letter-spacing:-.028em;margin:0 0 6px}.legal-meta{font-size:12.5px;color:var(--text-subtle);margin:0 0 28px}.legal-page h2{font-size:17px;font-weight:700;margin:26px 0 8px}.legal-page li,.legal-page p{font-size:14px;line-height:1.65;color:var(--text-body)}.legal-page ul{padding-left:20px}.legal-back{display:inline-block;margin-bottom:22px;font-size:13px;color:var(--accent);text-decoration:none;font-weight:600}.usage-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13.5px}.usage-table td,.usage-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.usage-table thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);font-weight:700}.usage-table td{color:var(--text-body)}.usage-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-table tbody tr:hover{background:var(--surface-soft)}.usage-page{max-width:900px}.usage-back{font-size:13px;color:var(--fds-primary-500);text-decoration:none;font-weight:600}.usage-back:hover{text-decoration:underline}.usage-h1{margin:14px 0 20px;font-family:var(--fds-font-heading);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--fds-neutral-900)}.usage-hero{display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:linear-gradient(135deg,var(--fds-primary-50) 0,var(--fds-neutral-0) 65%);border:1px solid var(--fds-neutral-300);border-radius:var(--fds-radius-lg);box-shadow:var(--fds-shadow-sm);padding:22px 28px;margin-bottom:20px;animation:usageFadeUp .42s var(--ease-soft,ease) both}.usage-stat{display:flex;flex-direction:column;gap:2px}.usage-stat strong{font-family:var(--fds-font-heading);font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--fds-neutral-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-stat span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fds-neutral-700)}.usage-hero-sep{width:1px;height:32px;background:var(--fds-neutral-300);flex-shrink:0}.usage-empty{font-size:14px;color:var(--fds-neutral-700)}.usage-empty a{color:var(--fds-primary-500);font-weight:600}.usage-list-head{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,1fr) 84px 84px;grid-gap:14px;gap:14px;padding:0 18px 8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fds-neutral-700)}.usage-list-head .num{text-align:right;letter-spacing:normal}.usage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.usage-row{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,1fr) 84px 84px;align-items:center;grid-gap:14px;gap:14px;background:var(--fds-neutral-0);border:1px solid var(--fds-neutral-300);border-radius:var(--fds-radius-md);padding:12px 18px;font-size:13.5px;color:var(--fds-neutral-900);opacity:0;animation:usageRowIn .38s var(--ease-soft,ease) both;transition:border-color .14s,box-shadow .14s,transform .14s}.usage-row:hover{border-color:var(--fds-neutral-500);box-shadow:var(--fds-shadow-sm);transform:translateY(-1px)}.usage-row-when{color:var(--fds-neutral-700);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px}.usage-row-template{color:var(--fds-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.usage-row-action{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600}.usage-row-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--fds-radius-sm);flex-shrink:0;background:var(--fds-primary-100);color:var(--fds-primary-600)}.usage-row-icon svg{width:15px;height:15px}.usage-row-icon.tone-blue{background:var(--fds-primary-100);color:var(--fds-primary-600)}.usage-row-icon.tone-violet{background:var(--fds-violet-100);color:var(--fds-violet-700)}.usage-row-icon.tone-teal{background:var(--fds-teal-100);color:var(--fds-teal-700)}.usage-row-icon.tone-green{background:var(--fds-success-100);color:var(--fds-success-700)}.usage-row-icon.tone-amber{background:var(--fds-warning-100);color:var(--fds-warning-700)}.usage-row-credits{text-align:right;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fds-alert-700)}.usage-row-credits.is-free{color:var(--fds-neutral-700);font-weight:600}.usage-row-balance{text-align:right;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fds-neutral-900)}@keyframes usageFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes usageRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.usage-hero,.usage-row{animation:none;opacity:1}}@media (max-width:720px){.usage-list-head{display:none}.usage-row{grid-template-columns:1fr auto;grid-template-areas:"action credits" "template balance" "when when";row-gap:6px}.usage-row-action{grid-area:action}.usage-row-credits{grid-area:credits}.usage-row-template{grid-area:template}.usage-row-balance{grid-area:balance}.usage-row-when{grid-area:when}}.guest-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;margin-bottom:16px;border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:var(--shadow-sm)}.guest-cta-text{flex:1 1;min-width:240px;font-size:13px;line-height:1.5;color:var(--text-body)}.guest-cta-actions{display:flex;align-items:center;gap:8px}.guest-cta-btn{font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;padding:8px 14px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.guest-cta-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.guest-cta-btn:hover{filter:brightness(1.04)}.guest-cta-x{font-size:18px;line-height:1;cursor:pointer;border:0;background:none;color:var(--text-subtle);padding:0 2px}.guest-cta-x:hover{color:var(--text)}.account-auth{display:inline-flex;align-items:center;gap:6px}.account-auth .app-bar-btn{text-decoration:none}.account-signup{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.account-menu{position:relative}.account-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;font:inherit;color:var(--text);max-width:180px}.account-chip:hover{background:var(--surface-soft)}.account-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.account-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;overflow:hidden}.account-dropdown-head{padding:8px 10px 6px;font-size:11.5px;color:var(--text-subtle);border-bottom:1px solid var(--border);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dropdown-item{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--text);cursor:pointer;text-decoration:none}.account-dropdown-item:hover{background:var(--surface-soft)}.account-dropdown-item.danger{color:var(--error-text)}