body.subscription-management-open{overflow:hidden}.subscription-management{display:inline-flex}.subscription-management-backdrop{position:fixed;inset:0;z-index:40;display:flex;justify-content:flex-end;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subscription-management-drawer{width:min(460px,100vw);min-height:100vh;min-height:100dvh;overflow-y:auto;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-24px 0 48px #0000001f}.subscription-management-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:var(--color-overlay-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subscription-management-head h2,.subscription-management-action h3,.subscription-management-confirm h3{margin:2px 0 0;color:var(--color-text);font-size:20px;font-weight:600;line-height:26px}.subscription-management-body{display:grid;gap:16px;padding:20px}.subscription-management-intro,.subscription-management-action p,.subscription-management-confirm p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:20px}.subscription-management-action,.subscription-management-confirm{display:grid;gap:14px;padding:16px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subscription-management-action{grid-template-columns:minmax(0,1fr) auto;align-items:center}.subscription-management-action h3{margin:0 0 6px;font-size:16px;line-height:22px}.subscription-management-confirm{gap:12px}.subscription-management-confirm__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.subscription-management-alert{padding:10px 12px;border:1px solid;border-radius:var(--radius-md);font-size:13px;line-height:18px}.subscription-management-alert--error{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.subscription-management-alert--success{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}@media(max-width:560px){.subscription-management-action{grid-template-columns:1fr}.subscription-management-action .secondary-button,.subscription-management-confirm__actions .secondary-button,.subscription-management-confirm__actions .primary-button{width:100%}.subscription-management-confirm__actions{display:grid;grid-template-columns:1fr}}body.subaccount-drawer-open{overflow:hidden}.subaccount-trigger{min-width:88px}.subaccount-backdrop{position:fixed;inset:0;z-index:40;display:flex;justify-content:flex-end;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subaccount-drawer{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(720px,100vw);height:100vh;height:100dvh;overflow:hidden;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-24px 0 48px #0000001f}.subaccount-head{z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:16px 20px;background:var(--color-overlay-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subaccount-head__copy{min-width:0}.subaccount-head h2{overflow:hidden;margin:2px 0 0;color:var(--color-text);font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap}.subaccount-back-button{min-height:34px;padding:0 8px;color:var(--color-text-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.subaccount-back-button:hover{color:var(--color-text);background:var(--color-surface-muted)}.subaccount-alert{display:flex;align-items:flex-start;gap:8px;margin:12px 20px 0;padding:10px 12px;border:1px solid;border-radius:var(--radius-md);font-size:13px;line-height:18px}.subaccount-alert .inline-icon{flex:0 0 auto;width:16px;height:16px;margin-top:1px}.subaccount-alert--error{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.subaccount-alert--success{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}.subaccount-body,.subaccount-loading{min-height:0;padding:20px;overflow-y:auto}.subaccount-body{display:grid;align-content:start;gap:16px}.subaccount-body--with-footer{padding-bottom:88px}.subaccount-loading{display:grid;place-content:center;place-items:center;gap:12px;color:var(--color-text-muted)}.subaccount-loading p{margin:0}.subaccount-summary,.subaccount-preview-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subaccount-summary div,.subaccount-preview-summary div{display:grid;gap:2px;padding:14px 16px;background:var(--color-surface-subtle)}.subaccount-summary span,.subaccount-preview-summary span{color:var(--color-text-muted);font-size:12px;line-height:16px}.subaccount-summary strong,.subaccount-preview-summary strong{color:var(--color-text);font-size:20px;font-weight:600;line-height:26px;font-variant-numeric:tabular-nums}.subaccount-actions,.subaccount-maintenance-actions{display:flex;flex-wrap:wrap;gap:8px}.subaccount-actions .primary-button,.subaccount-actions .secondary-button{flex:1 1 180px}.subaccount-inline-reason{margin:0;padding:10px 12px;color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);font-size:13px;line-height:18px}.subaccount-list,.subaccount-preview-list,.subaccount-credential-list{display:grid;gap:8px}.subaccount-card{display:grid;gap:8px;width:100%;padding:14px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.subaccount-card:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.subaccount-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.subaccount-card__top>div{min-width:0}.subaccount-card__top strong,.subaccount-card__top small{display:block}.subaccount-card__top strong{overflow:hidden;font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.subaccount-card__top small,.subaccount-card__nodes,.subaccount-card__reason{color:var(--color-text-muted);font-size:12px;line-height:16px}.subaccount-card__top small{margin-top:2px}.subaccount-card__nodes,.subaccount-card__reason{margin:0}.subaccount-card__reason{padding-top:8px;color:var(--color-warning-text);border-top:1px solid var(--color-border)}.subaccount-status{flex:0 0 auto;min-height:24px;padding:3px 8px;color:var(--color-neutral-text);background:var(--color-neutral-bg);border:1px solid var(--color-neutral-border);border-radius:999px;font-size:12px;font-weight:500;line-height:16px}.subaccount-status--active,.subaccount-status--enabled{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}.subaccount-status--pending,.subaccount-status--syncing{color:var(--color-info-text);background:var(--color-info-bg);border-color:var(--color-info-border)}.subaccount-status--disabled,.subaccount-status--error,.subaccount-status--disabled_by_entitlement,.subaccount-status--parent_inactive,.subaccount-status--remote_missing{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.subaccount-empty{display:grid;place-items:center;gap:4px;min-height:160px;padding:24px;color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center}.subaccount-empty--compact{min-height:120px}.subaccount-empty strong{color:var(--color-text);font-size:15px;line-height:20px}.subaccount-empty p{max-width:420px;margin:0;font-size:13px;line-height:18px}.subaccount-form-section{display:grid;gap:14px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subaccount-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.subaccount-section-head h3,.subaccount-danger-zone strong{margin:2px 0 0;color:var(--color-text);font-size:15px;font-weight:600;line-height:20px}.subaccount-section-head>span{flex:0 0 auto;color:var(--color-text-muted);font-size:12px;line-height:16px}.subaccount-field{display:grid;gap:6px}.subaccount-field>span,.subaccount-choice-group legend{color:var(--color-text);font-size:13px;font-weight:500;line-height:18px}.subaccount-field input{width:100%;min-height:40px}.subaccount-field small,.subaccount-switch-row small,.subaccount-node small{color:var(--color-text-muted);font-size:12px;font-weight:400;line-height:16px}.subaccount-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.subaccount-choice-group legend{grid-column:1 / -1;margin-bottom:6px}.subaccount-choice-group label{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.subaccount-choice-group label.active{background:var(--color-surface-subtle);border-color:var(--color-text)}.subaccount-choice-group input{margin:3px 0 0}.subaccount-choice-group span,.subaccount-choice-group strong,.subaccount-choice-group small{display:block}.subaccount-choice-group strong{color:var(--color-text);font-size:13px;line-height:18px}.subaccount-choice-group small{margin-top:2px;color:var(--color-text-muted);font-size:12px;line-height:16px}.subaccount-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:336px;overflow-y:auto}.subaccount-node{display:flex;align-items:flex-start;gap:10px;min-height:52px;padding:9px 10px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.subaccount-node.disabled{cursor:not-allowed;opacity:.58}.subaccount-node input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0}.subaccount-node span,.subaccount-node strong,.subaccount-node small{display:block;min-width:0}.subaccount-node strong{overflow:hidden;color:var(--color-text);font-size:13px;font-weight:500;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.subaccount-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.subaccount-switch-row span,.subaccount-switch-row strong,.subaccount-switch-row small{display:block}.subaccount-switch-row strong{font-size:13px;font-weight:500;line-height:18px}.subaccount-switch-row input[role=switch]{position:relative;flex:0 0 auto;width:38px;height:22px;margin:0;appearance:none;background:var(--color-border-strong);border:0;border-radius:999px;cursor:pointer;transition:background .15s}.subaccount-switch-row input[role=switch]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--color-surface);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .15s}.subaccount-switch-row input[role=switch]:checked{background:var(--color-action)}.subaccount-switch-row input[role=switch]:checked:after{transform:translate(16px)}.subaccount-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.subaccount-preview-row.invalid{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.subaccount-preview-row strong,.subaccount-preview-row small{display:block}.subaccount-preview-row strong{overflow-wrap:anywhere;font-size:13px;line-height:18px}.subaccount-preview-row small,.subaccount-preview-row>span{color:var(--color-text-muted);font-size:12px;line-height:16px}.subaccount-preview-row ul{grid-column:1 / -1;margin:4px 0 0;padding-left:18px;color:var(--color-danger-text);font-size:12px;line-height:18px}.subaccount-danger-zone{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.subaccount-danger-zone p{margin:2px 0 0;color:var(--color-danger-text);font-size:12px;line-height:16px}.subaccount-danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;color:var(--color-danger-text);background:var(--color-surface);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;line-height:20px}.subaccount-danger-button:hover{background:var(--color-danger-bg)}.subaccount-danger-button:disabled{cursor:not-allowed;opacity:.6}.subaccount-credential-notice{display:flex;gap:12px;padding:14px;color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg)}.subaccount-credential-notice .inline-icon{flex:0 0 auto;width:20px;height:20px}.subaccount-credential-notice strong,.subaccount-credential-notice p{display:block;margin:0}.subaccount-credential-notice p{margin-top:2px;font-size:13px;line-height:18px}.subaccount-credential-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.subaccount-credential-row div{min-width:0}.subaccount-credential-row span,.subaccount-credential-row code{display:block}.subaccount-credential-row span{color:var(--color-text-muted);font-size:11px;line-height:16px}.subaccount-credential-row code{overflow:auto;margin-top:2px;color:var(--color-text);font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:18px;white-space:nowrap}.subaccount-credential-row button{align-self:center;min-height:32px;padding:0 8px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.subaccount-footer{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--color-overlay-surface);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subaccount-footer .primary-button,.subaccount-footer .secondary-button{min-width:112px}.subaccount-confirm-backdrop{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:#00000047;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subaccount-confirm{display:grid;gap:10px;width:min(380px,100%);padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000002e}.subaccount-confirm h3,.subaccount-confirm p{margin:0}.subaccount-confirm h3{font-size:18px;line-height:24px}.subaccount-confirm>p:not(.section-label){color:var(--color-text-muted);font-size:14px;line-height:20px}.subaccount-confirm>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}@media(max-width:640px){.subaccount-trigger{min-width:0}.subaccount-drawer{width:100vw;border-left:0}.subaccount-head{min-height:64px;padding:10px 12px}.subaccount-head h2{font-size:18px;line-height:24px}.subaccount-alert{margin:10px 12px 0}.subaccount-body,.subaccount-loading{padding:12px}.subaccount-body--with-footer{padding-bottom:82px}.subaccount-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.subaccount-node-list,.subaccount-choice-group{grid-template-columns:minmax(0,1fr)}.subaccount-node{min-height:48px}.subaccount-footer{padding-right:12px;padding-left:12px}.subaccount-footer .primary-button,.subaccount-footer .secondary-button{flex:1 1 0;min-width:0}}@media(max-width:420px){.subaccount-actions,.subaccount-summary,.subaccount-preview-summary{grid-template-columns:minmax(0,1fr)}.subaccount-card__top{display:grid}.subaccount-status{justify-self:start}.subaccount-maintenance-actions{display:grid;grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.subaccount-card,.subaccount-switch-row input[role=switch],.subaccount-switch-row input[role=switch]:after{transition:none}}:root{color-scheme:light;font-family:Geist,Geist Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:"rlig" 1,"calt" 1;background:var(--color-page);color:var(--color-text);--color-page: #ffffff;--color-surface: #ffffff;--color-surface-subtle: #fafafa;--color-surface-muted: #f2f2f2;--color-text: #171717;--color-text-muted: #666666;--color-text-subtle: #8f8f8f;--color-text-inverse: #ffffff;--color-border: #e6e6e6;--color-border-strong: #c9c9c9;--color-action: #171717;--color-action-hover: #333333;--color-action-disabled: #8f8f8f;--color-focus: #006bff;--color-overlay-surface: rgba(255, 255, 255, .86);--color-success-text: #107d32;--color-success-bg: #ecfdec;--color-success-border: #b9f5bc;--color-warning-text: #aa4d00;--color-warning-bg: #fff6de;--color-warning-border: #ffdc73;--color-info-text: #2457aa;--color-info-bg: #eef4ff;--color-info-border: #c7d7fe;--color-danger-text: #b42318;--color-danger-bg: #fff1f1;--color-danger-border: #fecdca;--color-neutral-text: #666666;--color-neutral-bg: #f2f2f2;--color-neutral-border: #e6e6e6;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--layout-max: 1536px;--layout-gutter: 48px;--layout-gutter-mobile: 24px;--shadow-card: 0 2px 2px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--color-page);color:var(--color-text);font-size:14px;line-height:20px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-focus)}.page-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:0 max(24px,calc((100vw - var(--layout-max)) / 2));background:var(--color-overlay-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-md);background:var(--color-action);color:var(--color-text-inverse);font-size:15px;font-weight:600;letter-spacing:-.28px}.brand strong,.brand small{display:block}.brand strong{font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.28px}.brand small,.top-actions a,.muted-link,.service-tab small,.user-card small{color:var(--color-text-muted);font-size:13px;font-weight:400;line-height:18px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions a{min-height:32px;padding:6px 10px;border-radius:var(--radius-sm)}.top-actions a:hover{background:var(--color-surface-muted);color:var(--color-text)}.main{width:min(var(--layout-max),calc(100vw - var(--layout-gutter)));margin:0 auto;padding:32px 0 64px}.center-card,.login-card,.panel,.hero-panel,.stat-card,.sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.center-card{display:grid;min-height:240px;place-items:center;padding:32px;text-align:center;color:var(--color-text-muted)}.loader{width:24px;height:24px;border:2px solid var(--color-surface-muted);border-top-color:var(--color-action);border-radius:9999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:center;min-height:calc(100vh - 152px)}.login-illustration{display:flex;align-items:center;justify-content:center;min-height:420px}.login-illustration-image{display:block;width:min(100%,620px);height:auto;object-fit:contain;mix-blend-mode:multiply}.login-copy h1{margin:0;color:var(--color-text);font-size:clamp(40px,5vw,56px);font-weight:600;line-height:1;letter-spacing:-3.36px}.login-copy p,.hero-panel p,.hero-meta{max-width:600px;color:var(--color-text-muted);font-size:16px;font-weight:400;line-height:24px}.login-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.login-points span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;color:var(--color-text);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:9999px;font-size:13px;line-height:18px}.login-card{display:grid;gap:16px;padding:24px}.login-card h2{margin:0;color:var(--color-text);font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.96px}.cap-card{display:grid;gap:8px;padding:12px;color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;line-height:18px}.cap-card p,.form-error{margin:0}.cap-card__widget{min-height:48px}.cap-card__error,.form-error{color:var(--color-danger-text)}.panel h2{margin:0;color:var(--color-text);font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.4px}label{display:grid;gap:8px;color:var(--color-text);font-size:14px;font-weight:500;line-height:20px}input,select,textarea{width:100%;min-height:40px;padding:0 12px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;transition:background .15s,border-color .15s,color .15s}.primary-button{color:var(--color-text-inverse);background:var(--color-action)}.primary-button:hover{background:var(--color-action-hover)}.primary-button:disabled{cursor:not-allowed;color:var(--color-action-disabled);background:var(--color-surface-muted)}.secondary-button,.ghost-button{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.secondary-button:hover,.ghost-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.ghost-button{background:transparent}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.icon-button:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.small{min-height:32px;padding:0 8px;font-size:13px;line-height:18px}.portal-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.sidebar{position:sticky;top:88px;display:grid;gap:8px;padding:8px}.user-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--color-surface-subtle);border-radius:var(--radius-md)}.user-card__info{display:grid;gap:2px;min-width:0}.user-card__info strong,.user-card__info small{display:block}.user-card__info strong{overflow:hidden;color:var(--color-text);font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.user-card__info small{overflow-wrap:anywhere;word-break:break-word}.avatar{display:grid;width:32px;height:32px;place-items:center;color:var(--color-text-inverse);background:var(--color-action);border-radius:9999px;font-size:13px;font-weight:600}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px;color:var(--color-text-muted);font-size:13px;line-height:18px}.sidebar-heading em{font-style:normal}.service-tab{display:grid;gap:2px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s}.service-tab:hover{background:var(--color-surface-subtle)}.service-tab span{overflow:hidden;color:var(--color-text);font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.service-tab small{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.service-tab .status-badge{gap:4px;min-height:0;padding:0;border:0;background:transparent;color:var(--color-text-subtle);font-size:10px;font-weight:400;line-height:14px}.service-tab .status-badge:before{width:4px;height:4px;opacity:.92}.service-tab .status-badge--success:before{background:var(--color-success-text)}.service-tab .status-badge--warning:before{background:var(--color-warning-text)}.service-tab .status-badge--info:before{background:var(--color-info-text)}.service-tab .status-badge--danger:before{background:var(--color-danger-text)}.service-tab .status-badge--neutral:before{background:var(--color-text-subtle)}.service-tab.active{background:var(--color-surface-muted);border-color:var(--color-border)}.content{position:relative;display:grid;gap:16px;min-width:0}.content>*,.hero-panel,.stats-grid,.stat-card,.panel{min-width:0;max-width:100%}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px}.hero-panel>div,.hero-actions{min-width:0}.hero-panel h1{margin:4px 0 0;color:var(--color-text);font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:40px;letter-spacing:-1.28px;overflow-wrap:anywhere}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:8px}.section-label{margin:0;color:var(--color-text-subtle);font-size:12px;font-weight:500;line-height:16px;letter-spacing:normal;text-transform:none}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{display:grid;gap:8px;padding:20px}.stat-card span{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:13px;line-height:18px}.stat-card strong{color:var(--color-text);font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.96px;font-variant-numeric:tabular-nums}.stat-card small{color:var(--color-text-muted);font-size:13px;line-height:18px}.stat-card .metric-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.stat-card .metric-line--usage{justify-content:flex-end}.stat-card .usage-quota{color:var(--color-text);font-weight:500;font-variant-numeric:tabular-nums}.stat-card .metric-chip{min-height:22px;padding:2px 7px;color:var(--color-text);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500;line-height:18px;font-variant-numeric:tabular-nums}.progress{overflow:hidden;height:6px;background:var(--color-surface-muted);border-radius:9999px}.progress i{display:block;height:100%;background:var(--color-action);border-radius:inherit;transition:background .2s ease}.progress--neutral i{background:var(--color-action)}.progress--warning i{background:var(--color-warning-text)}.progress--danger i{background:var(--color-danger-text)}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:2px 8px;border:1px solid transparent;border-radius:9999px;font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}.status-badge:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:9999px;background:currentColor}.status-badge--success{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}.status-badge--warning{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.status-badge--info{color:var(--color-info-text);background:var(--color-info-bg);border-color:var(--color-info-border)}.status-badge--danger{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.status-badge--neutral{color:var(--color-neutral-text);background:var(--color-neutral-bg);border-color:var(--color-neutral-border)}.status-badge--compact{min-height:18px;padding:1px 6px;font-size:11px;line-height:14px}.status-badge--compact:before{width:5px;height:5px}.inline-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:inherit}.inline-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.inline-icon--sm svg{width:14px;height:14px}.section-label-row{display:inline-flex;align-items:center;gap:6px}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.hero-meta-sep{color:var(--color-text-subtle)}.top-actions a,.top-actions .ghost-button{display:inline-flex;align-items:center;gap:6px}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.alert,.toast{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:400;line-height:20px}.alert .inline-icon,.toast .inline-icon{margin-top:2px}.alert>span:last-child,.toast>span:last-child{flex:1;min-width:0}.alert{color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.toast{position:sticky;top:76px;z-index:8;color:var(--color-success-text);background:var(--color-success-bg);border:1px solid var(--color-success-border)}@media(max-width:980px){.login-layout,.portal-grid,.stats-grid{grid-template-columns:1fr}.login-illustration{display:none}input,select,textarea{font-size:16px;line-height:20px}.sidebar{position:static}}@media(max-width:640px){.topbar,.hero-panel,.panel-head{align-items:stretch;flex-direction:column}.topbar{min-height:auto;padding:12px 16px}.top-actions{width:100%;justify-content:space-between}.main{width:min(100% - var(--layout-gutter-mobile),var(--layout-max));padding-top:24px}.login-layout{gap:32px}.login-card,.hero-panel,.panel{padding:20px}.hero-panel h1{font-size:28px;line-height:36px;letter-spacing:-1.12px}.hero-actions,.hero-actions .primary-button{width:100%}}.panel-note,.panel-meta,.guide-detail p,.guide-import-card p,.guide-tips,.subscription-focus-card p{color:var(--color-text-muted);font-size:13px;font-weight:400;line-height:18px}.panel-note,.guide-detail p,.guide-import-card p,.subscription-focus-card p{margin:0}.panel-meta{white-space:nowrap}.ios-tutorial-drawer{width:min(520px,100vw);display:grid;grid-template-rows:auto minmax(0,1fr)}.ios-tutorial-stage{min-height:0;overflow:auto;display:grid;place-content:safe center;padding:16px 12px;background:var(--color-surface-subtle)}.ios-tutorial-frame-box{position:relative;width:calc(351px * var(--tut-scale, 1));height:calc(702px * var(--tut-scale, 1))}.ios-tutorial-frame{position:absolute;inset:0;width:351px;height:702px;border:0;transform:scale(var(--tut-scale, 1));transform-origin:top left;background:var(--color-surface-subtle)}.general-sub{display:grid;gap:8px;margin:0 0 16px;padding:12px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.general-sub__label{color:var(--color-text);font-size:12px;font-weight:600;line-height:16px}.general-sub__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.general-sub__url{display:flex;align-items:center;min-width:0;height:32px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;line-height:16px}.general-sub__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;height:32px}.general-sub__actions>*{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:auto;height:32px;min-height:32px;max-height:32px;margin:0;padding:0 10px;border-width:1px;border-style:solid;font-size:13px;font-weight:500;line-height:16px}.general-sub__actions .primary-button{border-color:var(--color-action)}.general-sub__actions .secondary-button{border-color:var(--color-border-strong)}.general-sub__panel{display:flex;align-items:flex-start;gap:12px;padding-top:4px}.general-sub__qr{width:128px;height:128px;flex-shrink:0;border-radius:var(--radius-md)}.general-sub__hint{margin:0;color:var(--color-text-muted);font-size:12px;line-height:16px}.guide-hint{margin:4px 0 0;padding:16px 12px;color:var(--color-text-muted);font-size:13px;line-height:20px;text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.device-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 -1px;padding:3px 1px 14px;scroll-padding-inline:1px;scrollbar-width:none}.device-tabs::-webkit-scrollbar{display:none}.device-tab{display:grid;flex:0 0 auto;gap:2px;min-width:132px;padding:10px 12px;color:var(--color-text-muted);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.device-tab__label{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:20px}.device-tab:hover{color:var(--color-text);background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.device-tab.active{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.device-tab span{font-size:14px;font-weight:600;line-height:20px}.device-tab .device-tab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-tab small{color:inherit;font-size:12px;line-height:16px;opacity:.72}.guide-detail h3{display:block;margin:0 0 4px;color:var(--color-text);font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.28px}.guide-detail{display:grid;gap:16px;min-width:0;max-width:100%;padding:18px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.guide-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}.guide-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.guide-meta-grid div{display:grid;gap:4px;min-width:0;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.guide-meta-grid span{color:var(--color-text-muted);font-size:12px;line-height:16px}.guide-meta-grid strong{color:var(--color-text);font-size:14px;font-weight:600;line-height:20px;overflow-wrap:anywhere}.guide-steps{display:grid;gap:8px;margin:0;padding-left:20px}.guide-steps li,.guide-tips li{padding-left:4px}.guide-keyword{display:inline;padding:1px 4px;color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600}.guide-download-action{display:flex;justify-content:center;min-width:0}.guide-import-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;max-width:100%;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.guide-import-card--stack{grid-template-columns:minmax(0,1fr);align-items:start}.time-check-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.time-check-card h4{margin:4px 0;color:var(--color-text);font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.28px}.time-check-card p,.time-check-card small{margin:0;color:var(--color-text-muted);font-size:13px;line-height:18px}.time-check-card small{display:block;margin-top:6px;font-size:12px;line-height:16px}.time-check-card--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.time-check-card--warning h4,.time-check-card--warning p{color:var(--color-warning-text)}.apple-id-card{display:grid;gap:12px;min-width:0;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.apple-id-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.apple-id-card h4{margin:4px 0;color:var(--color-text);font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.28px}.apple-id-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.apple-id-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;min-width:0;padding:10px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.apple-id-field span,.apple-id-note{color:var(--color-text-muted);font-size:12px;line-height:16px}.apple-id-field strong{overflow:hidden;color:var(--color-text);font-size:13px;font-weight:600;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.apple-id-field .ghost-button{grid-row:1 / 3;grid-column:2}.apple-id-note{margin:0}.apple-id-note--success{color:var(--color-success-text)}.apple-id-note--error{color:var(--color-danger-text)}.guide-import-actions{display:grid;gap:10px}.guide-import-card .button-row{grid-column:1 / -1}.guide-tips{display:grid;gap:6px;margin:0;padding-left:18px}.guide-fade-enter-active,.guide-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.guide-fade-enter-from,.guide-fade-leave-to{opacity:0;transform:translateY(6px)}.subscription-detail{background:var(--color-surface-subtle)}.subscription-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subscription-tag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:34px;padding:0 10px;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.subscription-tag:hover{color:var(--color-text);background:var(--color-surface-subtle)}.subscription-tag.active{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border)}.subscription-tag strong{overflow:hidden;color:inherit;font-size:13px;font-weight:600;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.subscription-focus-card{display:grid;gap:14px;min-width:0;max-width:100%;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subscription-focus-card h4{margin:4px 0;color:var(--color-text);font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.36px}.subscription-action-stack{display:grid;gap:10px;min-width:0}.subscription-action-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;min-width:0;max-width:100%}.guide-qr-slot,.subscription-qr-slot{display:grid;width:112px;height:112px;place-items:center;padding:8px;color:var(--color-text-subtle);text-align:center;background:linear-gradient(90deg,transparent 15px,var(--color-border) 16px,transparent 17px),linear-gradient(transparent 15px,var(--color-border) 16px,transparent 17px),var(--color-surface);background-size:32px 32px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.guide-qr-slot img,.subscription-qr-slot img{display:block;width:100%;height:100%;object-fit:contain}.guide-qr-slot span,.subscription-qr-slot span{padding:4px 6px;background:#ffffffdb;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;line-height:16px}.no-subscription,.masked-inline{display:inline-flex;max-width:100%;padding:6px 8px;color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);font-size:13px;line-height:18px;overflow-wrap:anywhere}.subscription-url-inline{display:block;max-width:100%;overflow-wrap:anywhere;padding:10px;color:var(--color-text);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:18px}.subscription-action-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.subscription-variant-list{display:grid;gap:8px;padding-top:4px}.subscription-variant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.subscription-variant-row strong,.subscription-variant-row small{display:block}.subscription-variant-row strong{color:var(--color-text);font-size:13px;font-weight:600;line-height:18px;overflow-wrap:anywhere}.subscription-variant-row small{color:var(--color-text-muted);font-size:12px;line-height:16px;overflow-wrap:anywhere}@media(max-width:760px){.guide-meta-grid{grid-template-columns:1fr}.subscription-tags{flex-wrap:nowrap;overflow-x:auto;margin:0 -1px;padding:0 1px 4px;scrollbar-width:none}.subscription-tags::-webkit-scrollbar{display:none}.subscription-tag{max-width:none;min-width:96px}}@media(max-width:640px){.guide-detail-head{align-items:stretch;flex-direction:column}.guide-import-card{grid-template-columns:1fr}.guide-detail-head>.primary-button,.guide-detail-head>button,.guide-import-card .button-row>*,.subscription-action-row>*{width:100%}.apple-id-card__head{align-items:stretch;flex-direction:column}.apple-id-fields{grid-template-columns:1fr}.time-check-card{align-items:stretch;flex-direction:column}.subscription-action-layout{grid-template-columns:1fr}.guide-qr-slot,.subscription-qr-slot{width:128px;height:128px;justify-self:center}}@media(prefers-reduced-motion:reduce){.device-tab,.guide-fade-enter-active,.guide-fade-leave-active{transition:none}}.drawer-backdrop{position:fixed;inset:0;z-index:30;display:flex;justify-content:flex-end;background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.renew-drawer{width:min(460px,100vw);min-height:100vh;overflow-y:auto;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-24px 0 48px #0000001f}.drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:var(--color-overlay-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer-head h2{margin:2px 0 0;color:var(--color-text);font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.96px}.drawer-body,.drawer-loading{display:grid;gap:16px;padding:20px}.drawer-loading{min-height:240px;place-items:center;color:var(--color-text-muted);text-align:center}.renew-summary,.invoice-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.renew-summary{display:grid;gap:12px;padding:16px;background:var(--color-surface-subtle)}.renew-summary div{display:flex;align-items:center;justify-content:space-between;gap:16px}.renew-summary span,.invoice-title span,.invoice-details dt,.drawer-copy,.polling-note,.expired-box p,.payment-qr-panel p,.payment-success p{color:var(--color-text-muted);font-size:13px;font-weight:400;line-height:18px}.renew-summary strong,.invoice-details dd{margin:0;color:var(--color-text);font-size:14px;font-weight:500;line-height:20px;text-align:right}.invoice-card{display:grid;gap:16px;padding:16px}.invoice-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.invoice-title h3{margin:2px 0 0}.payment-qr-panel h3,.payment-success h3{margin:2px 0 0;color:var(--color-text);font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.36px}.invoice-title strong{color:var(--color-text);font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.96px;font-variant-numeric:tabular-nums}.invoice-details{display:grid;gap:10px;margin:0}.invoice-details div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;border-top:1px solid var(--color-border)}.drawer-copy{margin:0}.full-width{width:100%}.payment-qr-panel{display:grid;justify-items:center;gap:12px;padding:16px;text-align:center;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.payment-qr-panel img{width:224px;height:224px;padding:10px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-qr-loading{animation:paymentPanelIn .18s ease-out}.qr-placeholder{display:grid;width:224px;height:224px;place-items:center;background:linear-gradient(90deg,transparent 11px,var(--color-border) 12px,transparent 13px),linear-gradient(transparent 11px,var(--color-border) 12px,transparent 13px),var(--color-surface);background-size:28px 28px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);box-shadow:inset 0 0 0 10px #fff}.qr-spinner{width:34px;height:34px;border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:999px;animation:qrSpin .8s linear infinite}.payment-qr-panel p,.payment-success p,.expired-box p{margin:0}.polling-note{padding:10px 12px;text-align:center;background:var(--color-surface-subtle);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.expired-box,.payment-success{display:grid;gap:12px;padding:14px;border-radius:var(--radius-md)}.expired-box{background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.payment-success{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:16px;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(16,125,50,.14),transparent 34%),linear-gradient(135deg,#f0fff4 0%,var(--color-success-bg) 100%);border:1px solid var(--color-success-border)}.success-mark{display:grid;width:36px;height:36px;place-items:center;color:var(--color-text-inverse);background:var(--color-success-text);border-radius:999px;box-shadow:0 8px 24px #107d322e}.success-mark .inline-icon svg{width:20px;height:20px;stroke-width:2}.success-copy{display:grid;gap:10px;min-width:0}.success-due-card{display:grid;gap:4px;padding:12px;background:#ffffffc7;border:1px solid rgba(16,125,50,.16);border-radius:var(--radius-md)}.success-due-card span{color:var(--color-success-text);font-size:12px;font-weight:500;line-height:16px}.success-due-card strong{color:var(--color-text);font-size:28px;font-weight:650;line-height:34px;letter-spacing:-1.12px;font-variant-numeric:tabular-nums}@keyframes qrSpin{to{transform:rotate(360deg)}}@keyframes paymentPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.renew-drawer{width:100vw;border-left:0}.drawer-head,.drawer-body,.drawer-loading{padding:16px}}@media(prefers-reduced-motion:reduce){.payment-qr-loading,.qr-spinner{animation:none}}.stat-card__topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.traffic-chart{position:relative;margin-left:auto}.traffic-chart__toggle{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;line-height:16px;transition:background .15s ease,border-color .15s ease,color .15s ease}.traffic-chart__toggle:hover,.traffic-chart__toggle[aria-expanded=true]{color:var(--color-text);background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.traffic-chart__panel{position:absolute;top:calc(100% + 10px);right:0;z-index:5;width:min(500px,calc(100vw - 64px));padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 18px 48px #0000001f}.traffic-chart__panel:before{content:"";position:absolute;top:-6px;right:18px;width:10px;height:10px;background:var(--color-surface);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);transform:rotate(45deg)}.traffic-chart__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.traffic-chart__head strong,.traffic-chart__head span{display:block}.traffic-chart__head strong{color:var(--color-text);font-size:12px;font-weight:600;line-height:16px}.traffic-chart__head span{margin-top:2px;color:var(--color-text-muted);font-size:10px;line-height:14px}.traffic-chart__tabs{display:inline-flex;flex:0 0 auto;gap:2px;padding:1px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.traffic-chart__tabs button{min-height:22px;padding:0 6px;color:var(--color-text-muted);background:transparent;border:0;border-radius:5px;cursor:pointer;font-size:11px;line-height:14px}.traffic-chart__tabs button:hover,.traffic-chart__tabs button.active{color:var(--color-text);background:var(--color-surface)}.traffic-chart__body{position:relative;overflow:hidden;padding-top:2px;cursor:crosshair}.traffic-chart__svg{display:block;width:100%;height:132px}.traffic-chart__grid{fill:none;stroke:var(--color-border);stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.traffic-chart__y-axis{position:absolute;inset:0 auto 0 0;z-index:1;width:58px;pointer-events:none}.traffic-chart__y-axis span{position:absolute;left:0;color:var(--color-text-subtle);font-size:10px;line-height:12px;transform:translateY(-50%)}.traffic-chart__area{fill:#0070f314}.traffic-chart__line{fill:none;stroke:#0070f3;stroke-width:1.35;stroke-linecap:round;vector-effect:non-scaling-stroke}.traffic-chart__pin{position:absolute;z-index:3;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--color-text);border:2px solid var(--color-surface);border-radius:999px;box-shadow:0 0 0 1px var(--color-border-strong)}.traffic-chart__crosshair{position:absolute;inset:0;z-index:2;pointer-events:none}.traffic-chart__crosshair:before,.traffic-chart__crosshair:after{content:"";position:absolute}.traffic-chart__crosshair:before{top:0;bottom:18px;left:var(--crosshair-x);width:1px;background:#0070f375}.traffic-chart__crosshair:after{left:var(--crosshair-x);top:var(--crosshair-y);width:7px;height:7px;background:#0070f3;border:2px solid var(--color-surface);border-radius:999px;box-shadow:0 0 0 1px #0070f352;transform:translate(-50%,-50%)}.traffic-chart__hover-label{position:absolute;z-index:5;padding:3px 6px;color:var(--color-text);background:#fffffff0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-weight:600;line-height:14px;white-space:nowrap;box-shadow:0 6px 18px #00000014;pointer-events:none}.traffic-chart__hover-axis-label{position:absolute;bottom:0;z-index:5;padding:1px 5px;color:var(--color-text-muted);background:#ffffffeb;border:1px solid var(--color-border);border-radius:999px;font-size:10px;font-weight:500;line-height:13px;white-space:nowrap;pointer-events:none}.traffic-chart__axis{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:var(--color-text-subtle);font-size:11px;line-height:14px}.traffic-chart__empty{display:grid;min-height:160px;place-items:center;color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:13px;line-height:18px}.traffic-chart-reveal-enter-active,.traffic-chart-reveal-leave-active{transition:opacity .16s ease,transform .16s ease}.traffic-chart-reveal-enter-from,.traffic-chart-reveal-leave-to{opacity:0;transform:translateY(-4px) scale(.985)}@media(max-width:980px){.stats-grid--chart-open{grid-template-columns:1fr}.stats-grid--chart-open .stat-card--traffic{grid-column:1 / -1}.stats-grid--chart-open .stat-card:nth-child(2){display:none}.traffic-chart__panel{position:static;width:100%;margin-top:8px;padding:12px;box-shadow:none}.traffic-chart__panel:before{display:none}.traffic-chart__head{display:grid}.traffic-chart__tabs{width:100%}.traffic-chart__tabs button{flex:1}}.stat-card__controls{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:auto}.traffic-action-menu{position:relative}.traffic-action-menu__trigger,.traffic-action-direct{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;line-height:16px;list-style:none;white-space:nowrap}.stat-card__topline>span,.stat-card__controls .traffic-chart__toggle{white-space:nowrap}.stat-card__controls .traffic-chart__toggle{flex:0 0 auto}.traffic-action-menu__trigger::-webkit-details-marker{display:none}.traffic-action-menu__trigger:hover,.traffic-action-menu[open] .traffic-action-menu__trigger,.traffic-action-direct:hover{color:var(--color-text);background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.traffic-action-direct--exchange{color:var(--color-warning-text)}.traffic-action-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:12;display:grid;width:224px;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 16px 40px #00000024}.traffic-action-menu__panel button{display:grid;gap:2px;width:100%;padding:9px 10px;text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.traffic-action-menu__panel button:hover,.traffic-action-menu__panel button:focus-visible{background:var(--color-surface-subtle);outline:none}.traffic-action-menu__panel strong{font-size:13px;font-weight:600;line-height:18px;letter-spacing:0}.traffic-action-menu__panel small{color:var(--color-text-muted);font-size:12px;line-height:16px}.traffic-action-menu__exchange strong,.traffic-action-menu__exchange small{color:var(--color-warning-text)}.traffic-actions-backdrop{z-index:32}.traffic-actions-drawer{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(440px,100vw);height:100dvh;min-height:100vh;overflow:hidden;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-24px 0 48px #0000001f}.traffic-actions-head{position:relative;padding:16px 20px}.traffic-actions-head h2{margin:0;font-size:20px;line-height:26px;letter-spacing:-.4px}.traffic-drawer-summary{margin:3px 0 0;color:var(--color-text-muted);font-size:12px;line-height:16px}.traffic-actions-body{display:grid;align-content:start;gap:12px;overflow-y:auto;padding:20px}.traffic-actions-alert{margin:0}.traffic-action-content{display:grid;gap:0}.traffic-field-label,.traffic-validity-field legend,.traffic-disabled-reason,.traffic-fulfillment-note{color:var(--color-text-muted);font-size:13px;font-weight:400;line-height:18px}.traffic-action-section{padding:16px 0;border-bottom:1px solid var(--color-border)}.traffic-action-section:first-child{padding-top:0}.traffic-quantity-section{display:flex;align-items:center;justify-content:space-between;gap:20px}.traffic-quantity-section>div:first-child{display:grid;gap:2px}.traffic-quantity-section strong{color:var(--color-text);font-size:14px;font-weight:600;line-height:20px}.traffic-stepper{display:grid;grid-template-columns:38px 42px 38px;min-height:40px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.traffic-stepper button,.traffic-stepper output{display:grid;min-width:0;place-items:center;color:var(--color-text);background:var(--color-surface);border:0;font-size:14px;line-height:20px}.traffic-stepper button{cursor:pointer;font-size:18px}.traffic-stepper button:hover:not(:disabled){background:var(--color-surface-subtle)}.traffic-stepper button:disabled{color:var(--color-text-subtle);cursor:not-allowed}.traffic-stepper output{border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);font-weight:600;font-variant-numeric:tabular-nums}.traffic-validity-field{display:grid;gap:8px;min-width:0;margin:0;border:0}.traffic-validity-field legend{margin-bottom:8px}.traffic-validity-option{display:flex;align-items:flex-start;gap:10px;min-height:58px;padding:10px 0;background:var(--color-surface);border:0;border-top:1px solid var(--color-border);cursor:pointer}.traffic-validity-option.active{background:linear-gradient(90deg,var(--color-surface-subtle),transparent 78%)}.traffic-validity-option input{flex:0 0 auto;width:16px;min-height:16px;margin:2px 0 0;accent-color:var(--color-action)}.traffic-validity-copy{display:grid;gap:2px;flex:1;min-width:0}.traffic-validity-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.traffic-validity-option strong{color:var(--color-text);font-size:14px;font-weight:500;line-height:20px}.traffic-validity-option b{flex:0 0 auto;color:var(--color-text);font-size:14px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums}.traffic-validity-option small{color:var(--color-text-muted);font-size:12px;line-height:16px}.traffic-validity-rule{display:grid;gap:2px;padding-top:5px}.traffic-purchase-note,.traffic-exchange-note{margin:0;padding-top:14px;color:var(--color-text-muted);font-size:13px;line-height:19px}.traffic-exchange-impact{display:grid;gap:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.traffic-exchange-impact>div{padding:13px 0}.traffic-exchange-impact>div+div{border-top:1px solid var(--color-border)}.traffic-exchange-impact span{color:var(--color-text-muted);font-size:13px;line-height:18px}.traffic-exchange-benefit,.traffic-exchange-remaining{display:flex;align-items:center;justify-content:space-between;gap:16px}.traffic-exchange-impact strong{color:var(--color-text);font-size:14px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums}.traffic-exchange-date{display:grid;gap:8px}.traffic-exchange-date>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.traffic-exchange-date>div strong:last-child{color:var(--color-warning-text);text-align:right}.traffic-exchange-note{color:var(--color-warning-text)}.traffic-disabled-reason,.traffic-fulfillment-note{margin:0;padding:12px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.traffic-invoice{margin:0}.traffic-action-footer{display:grid;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--color-overlay-surface);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.traffic-action-total{display:flex;align-items:center;justify-content:space-between;gap:16px}.traffic-action-total span{overflow:hidden;color:var(--color-text-muted);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.traffic-action-total strong{flex:0 0 auto;color:var(--color-text);font-size:20px;font-weight:600;line-height:26px;font-variant-numeric:tabular-nums}.traffic-confirm-backdrop{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:#0000003d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.traffic-confirm-dialog{display:grid;gap:12px;width:min(340px,100%);padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000002e}.traffic-confirm-dialog h3,.traffic-confirm-dialog p{margin:0}.traffic-confirm-dialog h3{color:var(--color-text);font-size:18px;line-height:24px}.traffic-confirm-dialog p{color:var(--color-text-muted);font-size:14px;line-height:21px}.traffic-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}@media(max-width:640px){.traffic-actions-drawer{width:100vw;border-left:0}.traffic-actions-body{padding:16px}.traffic-actions-head,.traffic-action-footer{padding-right:16px;padding-left:16px}}@media(max-width:420px){.stat-card__controls{gap:4px}.traffic-action-menu__trigger,.traffic-action-direct,.traffic-chart__toggle{min-height:24px;padding:0 5px;font-size:11px}.stat-card__topline>span{gap:3px;font-size:11px}.traffic-action-menu__panel{right:-2px;width:184px;padding:3px;border-radius:var(--radius-sm);box-shadow:0 10px 28px #0000001f}.traffic-action-menu__panel button{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px}.stat-card .traffic-action-menu__panel strong{flex:0 0 auto;font-size:12px;line-height:16px;letter-spacing:0}.traffic-action-menu__panel small{white-space:nowrap;font-size:11px;line-height:14px}.traffic-validity-title strong{max-width:220px}.traffic-action-total span{max-width:240px}}.mobile-menu{display:none}.mobile-menu__summary{position:relative;z-index:32;display:grid;gap:4px;width:38px;height:38px;place-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);list-style:none;cursor:pointer}.mobile-menu__summary::-webkit-details-marker{display:none}.mobile-menu__summary span{display:block;width:16px;height:1.5px;border-radius:999px;background:var(--color-text)}.mobile-menu[open]:before{content:"";position:fixed;inset:0;z-index:30;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu__panel{position:fixed;top:64px;right:12px;left:12px;z-index:31;display:grid;gap:10px;max-height:calc(100dvh - 80px);padding:14px;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 20px 60px #0000002e}.mobile-menu__user{display:flex;gap:10px;align-items:center;padding:8px;border-radius:var(--radius-md);background:var(--color-surface-subtle)}.mobile-menu__heading{display:flex;justify-content:space-between;padding:4px 2px;color:var(--color-text-muted);font-size:12px;font-weight:600}.mobile-service-item{display:grid;gap:3px;width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left}.mobile-service-item.active{border-color:var(--color-text);background:var(--color-surface-subtle)}.mobile-service-item span{overflow:hidden;font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.mobile-service-item small{color:var(--color-text-muted);font-size:12px;line-height:16px}.mobile-menu__logout{width:100%;justify-content:center;margin-top:2px}@media(max-width:980px){.topbar{flex-direction:row!important;align-items:center!important;min-height:58px;padding:10px 16px!important}.top-actions,.sidebar{display:none}.mobile-menu{display:block;margin-left:auto}.main{width:min(100% - var(--layout-gutter-mobile),var(--layout-max));padding-top:12px}.portal-grid{display:block}.content{gap:10px;min-width:0}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:14px}.hero-panel h1{margin-top:2px;font-size:19px;line-height:24px;letter-spacing:-.04em}.hero-panel .section-label{display:none}.hero-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;font-size:12px;line-height:16px}.hero-meta-sep{display:none}.hero-actions .primary-button{width:auto;min-height:34px;padding:0 14px;font-size:13px}.stats-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px}.stat-card{min-height:auto;gap:6px;padding:10px;border-radius:12px}.stat-card:nth-child(3){display:none}.stats-grid--chart-open .stat-card--traffic{grid-column:1 / -1}.stats-grid--chart-open .stat-card:nth-child(2){display:none}.stat-card>span{gap:4px;font-size:12px;line-height:16px}.stat-card strong{font-size:16px;line-height:22px;letter-spacing:-.04em}.stat-card .inline-icon{width:15px;height:15px}.stat-card .progress{height:4px}.metric-line{gap:6px;font-size:12px;line-height:16px}.stat-card .metric-chip{min-height:20px;padding:1px 6px;line-height:16px;border-radius:7px}.panel{padding:16px;border-radius:16px}.panel-head{display:grid;gap:8px;align-items:start!important}.panel-note{max-width:none;font-size:13px;line-height:20px}.device-tabs{flex-wrap:wrap;overflow-x:visible;margin:0}.device-tab{flex:1 1 140px;min-width:0}.general-sub__row{grid-template-columns:minmax(0,1fr)}.general-sub__actions{display:grid;grid-template-columns:1fr 1fr;width:100%;height:32px}.general-sub__actions>*{width:100%}.general-sub__panel{flex-direction:column;align-items:center;text-align:center}}@media(max-width:640px){.brand small{display:none}.hero-panel{grid-template-columns:minmax(0,1fr) auto}.hero-actions .primary-button{width:auto}.hero-panel,.panel-head{flex-direction:initial}.guide-panel{margin-top:10px}}