.console{padding-top:48px;padding-bottom:96px;display:flex;flex-direction:column;gap:var(--space-5)}.console-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;padding-bottom:var(--space-5);border-bottom:1px solid var(--outline-2)}.console-head h1{font-size:clamp(32px,3.6vw,44px);font-weight:700;letter-spacing:-.03em}.console-head p{margin-top:6px}.balance{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:var(--space-5);align-items:end}.balance>span{grid-column:1;font-size:13px}.balance>strong{grid-column:1;font-size:30px;font-weight:700;line-height:1.1}.balance>.btn{grid-column:2;grid-row:1 / 3}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.stat-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.stat-card span{font-size:14px}.stat-card strong{font-size:28px;font-weight:700;line-height:1.1}.stat-note{margin-top:calc(var(--space-3) * -1);font-size:12px}.console-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.card-head h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.card-head p{margin-top:4px;font-size:12px}.card-head-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.count{padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--ink-2);font:600 12px/1.4 var(--font-mono)}.feature-icon-sm{width:32px;height:32px;border-radius:var(--radius-sm)}.trend,.top-models,.keys,.records{padding:var(--space-5)}.trend-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:var(--space-3)}.trend-legend-item{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);text-align:left}.trend-legend-item:hover{background:var(--surface-2)}.trend-legend-item.off .trend-legend-label{text-decoration:line-through;color:var(--ink-3)}.trend-legend-item.off .trend-legend-val{color:var(--ink-3)}.trend-swatch{width:10px;height:10px;border-radius:3px;border:1.5px solid currentColor;flex-shrink:0}.trend-legend-label{font-size:13px;color:var(--ink-2)}.trend-legend-val{font-size:18px;font-weight:700;color:var(--ink)}.trend-legend-note{font-size:11px;color:var(--ink-3)}.trend-body{display:flex;align-items:stretch;gap:4px}.trend-axis{position:relative;min-width:44px;flex-shrink:0;height:232px;font-size:11px;color:var(--ink-2)}.trend-axis.empty{min-width:8px}.trend-axis.left{text-align:right;padding-right:8px}.trend-axis.right{text-align:left;padding-left:8px}.trend-axis-unit{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-2);white-space:nowrap;padding-inline:inherit}.trend-axis.left .trend-axis-unit{justify-content:flex-end}.trend-axis.right .trend-axis-unit{justify-content:flex-start}.trend-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0;display:inline-block}.trend-axis-ticks{position:absolute;left:0;right:0;top:32px;bottom:0;padding-inline:inherit}.trend-axis-tick{position:absolute;left:0;right:0;transform:translateY(-50%);white-space:nowrap;padding-inline:inherit}.trend-scroll{flex:1;min-width:0;overflow-x:auto;padding-bottom:4px}.trend-stage-wrap.wide{min-width:540px}.trend-stage{position:relative;height:232px}.trend-grid{position:absolute;left:0;right:0;top:32px;bottom:0}.trend-grid-line{position:absolute;left:0;right:0;height:1px;background:var(--outline-2);opacity:.6}.trend-grid-line.baseline{opacity:1;background:var(--outline)}.trend-empty-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;pointer-events:none;z-index:2}.trend-columns{position:relative;z-index:1;display:flex;align-items:flex-end;height:100%;gap:12px}.trend-columns.dense{gap:5px}.trend-day-group{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;border-radius:4px 4px 0 0;cursor:pointer}.trend-day-group.hovered{background:color-mix(in srgb,var(--ink) 5%,transparent)}.trend-bar{flex:1;min-width:0;border-radius:3px 3px 0 0;transition:height .15s ease}.trend-tooltip{position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);border-radius:var(--radius-sm);padding:6px 10px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-md)}.trend-tooltip.align-left{left:0;transform:none}.trend-tooltip.align-right{left:auto;right:0;transform:none}.trend-tooltip-date{opacity:.8;margin-bottom:2px}.trend-tooltip-row{display:flex;align-items:center;gap:6px;margin-top:2px}.trend-tooltip-row b{margin-left:auto;padding-left:12px;font-weight:600}.trend-xlabels{position:relative;height:18px;margin-top:8px;font-size:11px;color:var(--ink-3)}.trend-xlabels span{position:absolute;white-space:nowrap}.top-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.top-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:14px}.top-line .model-name{font:600 13.5px/1.3 var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cache-hit{font-size:12px;flex-shrink:0;white-space:nowrap}.top-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px}.top-share{font-size:13px;white-space:nowrap}.top-share .ink{color:var(--ink);font-weight:700}.share{height:9px;margin-top:0;border-radius:999px;background:var(--surface-3);overflow:hidden}.share i{display:block;height:100%;border-radius:999px;background:var(--primary)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:140px;padding:var(--space-5);border:1px dashed var(--outline);border-radius:var(--radius-md);color:var(--ink-3);text-align:center;font-size:14px}.activation-empty strong{color:var(--ink);font-size:18px}.activation-empty p{max-width:520px;margin:0;line-height:1.6}.activation-next-step{margin:var(--space-4) 0;padding-top:var(--space-4);border-top:1px solid var(--outline-2)}.activation-next-step>strong{display:block;margin-bottom:4px;color:var(--ink)}.activation-next-step>p{margin:0 0 var(--space-3);font-size:13px}.activation-next-step .code-tabs{margin-bottom:0}.activation-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;color:var(--ink-2);font-size:13px}.activation-notice .icon{color:var(--primary);flex-shrink:0}.activation-notice-error{border-color:var(--error)}.low-balance{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:var(--space-3);padding:12px 16px;border:1px solid var(--tertiary);border-radius:var(--radius-sm);background:var(--tertiary-soft);color:var(--ink);font-size:13px;line-height:1.6}.low-balance>.icon{color:var(--tertiary);flex-shrink:0}.low-balance>span{flex:1 1 240px}.promo-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.promo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.promo-card-head h3{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:18px;font-weight:700}.promo-card-head h3 .icon{color:var(--primary)}.promo-card-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:12px}.promo-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-4)}.promo-box{display:flex;flex-direction:column;gap:6px;padding:var(--space-4);border:1px solid var(--outline-2);border-radius:var(--radius-md);background:var(--surface-2)}.promo-box>strong{font-size:17px;font-weight:700}.promo-active{color:var(--primary)}.promo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:2px}.promo-metrics>div{display:flex;flex-direction:column;gap:2px;min-width:0}.promo-metrics strong{font-size:18px;font-weight:700}.promo-metrics small{font-size:12px;line-height:1.4}@media (max-width: 860px){.promo-card-grid,.promo-metrics{grid-template-columns:1fr}}.activation-notice-error .icon{color:var(--error)}.activation-notice a,.activation-retry{color:var(--primary);text-decoration:underline}.activation-retry{border:0;background:none;padding:0;cursor:pointer;font:inherit}.spinner{width:16px;height:16px;border:2px solid var(--outline);border-top-color:var(--primary);border-radius:50%;animation:activation-spin .7s linear infinite}@keyframes activation-spin{to{transform:rotate(360deg)}}.hide-disabled-toggle{font-size:13px;color:var(--ink-2);margin-right:4px}.key-table tr.revoked{opacity:.55}.key-name-btn{border:0;background:none;padding:0;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.key-name-btn:hover .key-name{color:var(--primary);text-decoration:underline}.ink-strong{font-weight:700;color:var(--ink)}.key-quota-bar{width:96px;height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin-top:4px}.key-quota-bar i{display:block;height:100%;background:var(--primary);border-radius:999px}.key-quota-bar i.exceeded{background:var(--error)}.key-quota-btn{border:0;background:none;padding:2px 0;font:inherit;color:var(--ink);cursor:pointer;text-align:left;display:inline-flex;flex-direction:column;gap:2px}.key-quota-btn:hover{color:var(--primary)}.key-quota-btn.exceeded{color:var(--error);font-weight:700}.key-quota-rem{font-size:11px}.key-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-actions{display:inline-flex;justify-content:flex-end;gap:4px}.req-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-3)}.req-toolbar-left,.req-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.req-toolbar select,.req-toolbar input[type=search]{height:34px;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:0 10px;font-size:13px}.req-toolbar input[type=search]{min-width:190px}.req-auto-refresh{font-size:13px;color:var(--ink-2)}.danger-text{color:var(--error)}.danger-text:hover{color:var(--error);background:var(--error-soft)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.keys-note{margin-top:var(--space-3);font-size:12px}.link-btn{margin-top:var(--space-3);padding:0;border:0;background:none;color:var(--primary);font-size:13px;cursor:pointer}.reveal-warn{display:flex;align-items:flex-start;gap:8px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--tertiary-soft);color:var(--tertiary);font-size:14px}.reveal-key{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-2)}.reveal-key code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.reveal-key+.check{margin-bottom:var(--space-4)}.ccswitch-import{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-4);padding:12px 14px;border:1px solid var(--outline-2);border-radius:var(--radius-sm);background:var(--surface-2)}.ccswitch-import-head{display:flex;flex-direction:column;gap:2px;font-size:13px}.ccswitch-import-head strong{color:var(--ink);font-size:13.5px}.ccswitch-import-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.ccswitch-import-actions .link-btn{margin-top:0;font-size:12.5px}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.table-wrap.flat{border-radius:var(--radius-md)}.req-id{color:var(--ink-2);font-size:12px}.records td .copy-id{vertical-align:middle}.pos{color:var(--success)}.pager{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.pager .icon-btn:disabled{opacity:.35;cursor:default}@media (max-width: 1024px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.console-grid{grid-template-columns:1fr}}@media (max-width: 560px){.console{padding-top:32px}.stat-card strong{font-size:22px}.key-list li{grid-template-columns:1fr}.key-actions{grid-column:1;grid-row:auto}}.account-page{max-width:1080px;padding-top:40px;padding-bottom:96px;display:flex;flex-direction:column;gap:var(--space-5)}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--ink-3);font-size:14px}.back-link:hover{color:var(--primary)}.account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.account-head h1{margin-top:var(--space-3);font-size:clamp(30px,3.4vw,40px);font-weight:700;letter-spacing:-.03em}.account-head p{margin-top:6px}.balance-mini{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.balance-mini strong{font-size:28px;font-weight:700}.panel{padding:var(--space-6)}.panel h2{margin-bottom:var(--space-4);font-size:20px;font-weight:700}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.panel-head h2{margin:0}.panel-note{margin-top:var(--space-3);font-size:12px}.notice{display:flex;align-items:center;gap:8px;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.product{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--space-5);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.product:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.product:disabled{cursor:wait;opacity:.7}.product-face{font:700 32px/1.1 var(--font-display)}.product-price{margin-top:var(--space-3);color:var(--ink-2);font-size:14px}.product-price b{color:var(--ink)}.product-bonus{margin-top:var(--space-2);font-size:13px;line-height:1.5}.product-go{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-3);color:var(--primary);font-weight:600;font-size:14px}.invite-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-2);margin-bottom:var(--space-3)}.invite-link code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px;color:var(--primary);font-weight:600}.mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.rules{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none;color:var(--ink-2)}.rules li{display:flex;gap:10px;align-items:flex-start}.rules .icon{margin-top:3px;color:var(--primary)}.info-list{margin:0}.info-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--outline-2)}.info-list>div:last-child{border-bottom:0}.info-list dt{color:var(--ink-3);font-size:14px}.info-list dd{margin:0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;overflow-wrap:anywhere}.action-rows>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--outline-2)}.action-rows>div:last-child{border-bottom:0}.action-rows p{margin-top:2px;font-size:13px}@media (max-width: 860px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.panel{padding:var(--space-4)}.info-list>div{grid-template-columns:1fr;gap:2px}.action-rows>div{flex-direction:column;align-items:flex-start}.mini-stats{grid-template-columns:1fr}}.auth-landing{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:480px;margin:0 auto;padding:var(--space-7) var(--space-6)}.auth-landing h1{font-size:28px;font-weight:700}.auth-landing .auth-form{width:100%}.feature-icon.tone-warn{background:var(--tertiary-soft);color:var(--tertiary)}.topup-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-5);align-items:start}.topup-methods{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.topup-methods-title{font-size:13px;padding:0 var(--space-2) var(--space-2)}.topup-method{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.topup-method span{display:flex;flex-direction:column;gap:2px}.topup-method small{font-size:12px}.topup-method:hover{background:var(--surface-2)}.topup-method[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.topup-method .icon{color:var(--primary)}.topup-main .products{grid-template-columns:repeat(2,minmax(0,1fr))}.deposit-field{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.deposit-field>span{min-width:64px;font-size:14px}.deposit-card{display:flex;gap:var(--space-5);align-items:flex-start;padding-top:var(--space-4);border-top:1px solid var(--outline-2)}.deposit-qr{flex:none;width:176px;height:176px;border-radius:var(--radius-sm);background:#fff;padding:6px;box-sizing:content-box}.deposit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.deposit-info .invite-link{margin-bottom:0}.deposit-info code{font-size:14px}.deposit-warn{display:flex;gap:8px;align-items:flex-start;margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--tertiary-soft);color:var(--warning);font-size:14px}.deposit-warn .icon{margin-top:1px}.deposit-warn b{color:var(--ink)}.deposit-meta{margin:0;font-size:13px}@media (max-width: 860px){.topup-layout{grid-template-columns:1fr}.topup-methods{flex-direction:row;flex-wrap:wrap}.topup-methods-title{width:100%}.topup-method{flex:1 1 200px;width:auto}}@media (max-width: 560px){.deposit-card{flex-direction:column;align-items:center}.deposit-info{width:100%}.topup-main .products{grid-template-columns:1fr 1fr}}.zpay-rate{margin-top:var(--space-2);font-size:13px;line-height:1.6}.topup-status-note{display:flex;align-items:flex-start;gap:8px;max-width:560px;margin:var(--space-4) 0 0;color:var(--ink-2);font-size:13px;line-height:1.6}.topup-status-note .icon{color:var(--success);flex-shrink:0}.first-bonus{display:flex;align-items:flex-start;gap:12px;margin-top:var(--space-4);padding:14px 16px;background:var(--primary-soft);border:1px solid var(--outline-2)}.first-bonus .icon{color:var(--primary);flex-shrink:0}.first-bonus b{display:block;font-size:14px}.first-bonus p{margin:4px 0 0;color:var(--ink-2);font-size:13px;line-height:1.6}.topup-bonus-hint{display:flex;align-items:flex-start;gap:8px;margin:var(--space-3) 0 0;font-size:13px;line-height:1.6}.topup-bonus-hint .icon{flex-shrink:0}.topup-bonus-hint.is-below{color:var(--warning)}.topup-bonus-hint.is-met{color:var(--success)}.msg-list{display:flex;flex-direction:column;gap:var(--space-3)}.msg-item{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.msg-item.is-unread{border-color:var(--primary)}.msg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.msg-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.msg-title-row h2{margin:0;font-size:16px;font-weight:700}.msg-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.msg-time{font-size:12px;white-space:nowrap}.msg-body{margin:0;color:var(--ink-2);font-size:14px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}.msg-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.zpay-breakdown{margin:var(--space-4) 0 0;max-width:360px;display:grid;gap:6px;font-size:14px}.zpay-breakdown div{display:flex;justify-content:space-between;gap:var(--space-4)}.zpay-breakdown dt{color:var(--ink-2)}.zpay-breakdown dd{margin:0}.zpay-breakdown .zpay-total{border-top:1px solid var(--outline-2);padding-top:8px;margin-top:2px;font-weight:700}.zpay-breakdown .zpay-total dt{color:var(--ink)}