:root{--primary:#1677ff;--primary-hover:#4096ff;--primary-light:#eff6ff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--border:#e5e7eb;--bg-page:#f8fafc;--bg-card:#fff;--success:#22c55e;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--error:#ef4444;--error-light:#fef2f2;--info:#1677ff;--shadow-card:0 8px 32px #00000014;--focus-ring:0 0 0 4px #1677ff29;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-small:8px;--radius-card:12px;--radius-modal:16px;--radius-pill:999px;--font-sans:Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Cascadia Code", Consolas, monospace;--font-size-caption:12px;--font-size-body:14px;--font-size-button:16px;--font-size-section:20px;--font-size-title:32px;--font-size-amount:48px;--line-height-tight:1.2;--transition-fast:.16s ease;--transition-spinner:.8s linear;--control-height:48px;--checkout-card-width:440px;--checkout-stage-width:920px;--console-sidebar-width:232px;--console-content-width:1200px;--qr-size:232px}*,:before,:after{box-sizing:border-box}html{color:var(--text-primary);background:var(--bg-page);font-family:var(--font-sans);font-size:14px;line-height:1.5}body{background:var(--bg-page);min-width:0;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}:focus-visible{box-shadow:var(--focus-ring);outline:none}[x-cloak]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-small);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:0;font-size:16px;font-weight:500;display:inline-flex}.button--primary{color:var(--bg-card);background:var(--primary)}.button--primary:hover:not(:disabled){background:var(--primary-hover)}.button--secondary{color:var(--text-primary);border:1px solid var(--border);background:var(--bg-card)}.button--danger{color:var(--bg-card);background:var(--error)}.button:disabled,.button[aria-busy=true]{cursor:not-allowed;opacity:.56}.button--block{width:100%}.card{min-width:0;padding:var(--space-8);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card);border:0}.card__header{margin-bottom:var(--space-6)}.card__title{margin:0;font-size:20px;font-weight:600}.card__description{margin:var(--space-2) 0 0;color:var(--text-secondary)}.field{gap:var(--space-2);display:grid}.field__label{color:var(--text-primary);font-weight:500}.field__input,.field__select{width:100%;min-height:48px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text-primary);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.field__input:focus,.field__select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.field__error{color:var(--error);font-size:12px}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-page);font-size:12px;font-weight:500;display:inline-flex}.badge:before{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);content:"";background:currentColor}.badge--info{color:var(--info);background:var(--primary-light)}.badge--success{color:var(--success)}.badge--warning{color:var(--warning)}.badge--error{color:var(--error)}.checkout-shell{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.checkout-stage{width:100%;max-width:var(--checkout-card-width);gap:var(--space-6);transition:max-width var(--transition-fast);display:grid}.checkout-stage--active{max-width:var(--checkout-stage-width);grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-card{width:100%;max-width:var(--checkout-card-width)}.checkout-detail{transform-origin:0}.checkout-brand,.payment-panel__header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.checkout-brand{margin-bottom:var(--space-6)}.checkout-brand__name,.order-summary__number,.eyebrow,.payment-panel__copy,.checkout-error,.network-notice,.state-message p{margin:0}.checkout-brand__name,.payment-panel__title{font-size:var(--font-size-section);font-weight:600}.checkout-form,.order-summary,.payment-panel,.payment-initialize,.qr-panel,.payment-result,.state-message--stacked{gap:var(--space-6);display:grid}.checkout-intro{gap:var(--space-4);display:grid}.checkout-intro__title{font-size:var(--font-size-title);line-height:var(--line-height-tight);margin:0}.checkout-intro__copy,.payment-panel__copy,.order-summary__facts,.network-notice{color:var(--text-secondary)}.amount-input{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex}.amount-input:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.amount-input__currency{padding-left:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-button)}.input,.amount-input__control{width:100%;min-width:0;min-height:var(--control-height);padding:0 var(--space-4);color:var(--text-primary);font-size:var(--font-size-button);background:0 0;border:0;outline:0}.payment-methods{border:0;min-width:0;margin:0;padding:0}.payment-methods__grid{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.payment-method{min-height:var(--control-height);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-small);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.payment-method input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.payment-method__indicator{width:var(--space-4);height:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--space-1) var(--bg-card)}.payment-method--selected{border-color:var(--primary);background:var(--primary-light)}.payment-method--selected .payment-method__indicator{border-color:var(--primary);background:var(--primary)}.checkout-submit{width:100%}.checkout-error{color:var(--error);font-size:var(--font-size-caption)}.order-summary__amount,.payment-result__amount{font-size:var(--font-size-amount);font-weight:700;line-height:var(--line-height-tight);margin:0}.order-summary__amount span:first-child{margin-right:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-section)}.eyebrow{color:var(--text-tertiary);font-size:var(--font-size-caption);font-weight:500}.order-summary__number{overflow-wrap:anywhere;font-family:var(--font-mono)}.order-summary__facts{gap:var(--space-3);margin:0;display:grid}.order-summary__facts div{justify-content:space-between;gap:var(--space-4);display:flex}.order-summary__facts dt,.order-summary__facts dd{margin:0}.payment-panel__title{margin:var(--space-1) 0 0}.qr-panel{text-align:center;justify-items:center}.qr-panel__canvas-wrap{width:var(--qr-size);height:var(--qr-size);border-radius:var(--radius-small);background:var(--bg-card);place-items:center;display:grid}.qr-panel__canvas{max-width:100%;height:auto;display:block}.payment-result{padding:var(--space-6) 0;text-align:center;justify-items:center}.state-message{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--qr-size);color:var(--text-secondary);text-align:center;display:flex}.loading-indicator{width:var(--space-4);height:var(--space-4);border:1px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-pill);animation:checkout-spin var(--transition-spinner) infinite}.network-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--warning-light);font-size:var(--font-size-caption)}.mobile-order-amount{display:none}.badge--success{background:var(--success-light)}.badge--warning{background:var(--warning-light)}.badge--error{background:var(--error-light)}@keyframes checkout-spin{to{transform:rotate(360deg)}}@media (width<=768px){.checkout-shell{padding:var(--space-4);align-items:start}.checkout-stage,.checkout-stage--active{max-width:var(--checkout-card-width);grid-template-columns:minmax(0,1fr)}.checkout-stage--active .checkout-primary{display:none}.card{padding:var(--space-6)}.mobile-order-amount{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-secondary);display:flex}.mobile-order-amount strong{color:var(--text-primary);font-size:var(--font-size-section)}}.console-shell{grid-template-columns:var(--console-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.console-sidebar{gap:var(--space-8);height:100vh;padding:var(--space-8) var(--space-6);border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;display:flex;position:sticky;top:0}.console-brand{color:var(--text-primary);font-size:var(--font-size-section);font-weight:700}.console-nav{gap:var(--space-2);display:grid}.console-nav__link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);color:var(--text-secondary);font-weight:500}.console-nav__link:hover{color:var(--primary);background:var(--primary-light)}.console-logout{width:100%;margin-top:auto}.console-main{width:100%;max-width:var(--console-content-width);min-width:0;padding:var(--space-8);margin:0 auto}.console-header,.section-heading,.resource-card,.simple-pagination{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.console-header{margin-bottom:var(--space-8)}.console-title,.section-heading h2,.section-heading p,.metric-value,.console-user{margin:0}.console-title{font-size:var(--font-size-title);line-height:var(--line-height-tight)}.console-user{color:var(--text-secondary)}.console-grid{gap:var(--space-6);display:grid}.console-grid--sidebar{grid-template-columns:minmax(0, var(--checkout-card-width)) minmax(0, 1fr);align-items:start}.console-section{min-width:0;margin-top:var(--space-8)}.console-grid>.console-section{margin-top:0}.section-heading{margin-bottom:var(--space-4)}.section-heading h2{font-size:var(--font-size-section)}.section-heading p{margin-top:var(--space-1);color:var(--text-secondary)}.stack-form,.resource-list,.detail-list,.timeline{gap:var(--space-4);display:grid}.stack-form{margin-top:var(--space-6)}.field__textarea{width:100%;min-height:calc(var(--control-height) * 2);resize:vertical;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text-primary);background:var(--bg-card)}.field__textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.resource-card{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-primary);background:var(--bg-card)}.resource-card:hover:not(.resource-card--static){border-color:var(--primary)}.resource-card>div:first-child,.resource-card__meta{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.resource-card__meta{color:var(--text-secondary);font-size:var(--font-size-caption);align-items:flex-end}.resource-card__mono,.metric-value--code{overflow-wrap:anywhere;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-caption)}.empty-state{padding:var(--space-8);border:1px dashed var(--border);border-radius:var(--radius-card);color:var(--text-secondary);text-align:center}.metric-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-value{margin-top:var(--space-3);font-size:var(--font-size-title);font-weight:700}.table-wrap{border-radius:var(--radius-card);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-card);overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table th{color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:500}.data-table tbody tr:last-child td{border-bottom:0}.data-table code,.secret-panel code,.detail-list code{font-family:var(--font-mono)}.text-action{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0}.text-action--danger{color:var(--error)}.flash,.secret-panel{margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-small)}.flash--success{color:var(--success);background:var(--success-light)}.secret-panel{gap:var(--space-2);color:var(--warning);background:var(--warning-light);display:grid}.secret-panel code{overflow-wrap:anywhere;color:var(--text-primary)}.check-grid{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.check-row{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.filter-bar{align-items:end;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card);display:flex}.filter-bar__search{flex:1}.simple-pagination{margin-top:var(--space-4);color:var(--text-secondary)}.detail-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-list{margin:var(--space-6) 0 0}.detail-list div{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.detail-list dt{color:var(--text-secondary)}.detail-list dd{overflow-wrap:anywhere;text-align:right;min-width:0;margin:0}.timeline{margin:var(--space-6) 0 0;padding:0;list-style:none}.timeline li{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.timeline time{color:var(--text-tertiary);font-size:var(--font-size-caption)}.console-subsection{margin-top:var(--space-6)}.auth-intro{margin-bottom:var(--space-6)}@media (width<=768px){.console-shell{grid-template-columns:minmax(0,1fr)}.console-sidebar{gap:var(--space-4);height:auto;padding:var(--space-4);border-right:0;border-bottom:1px solid var(--border);position:static}.console-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.console-main{padding:var(--space-4)}.console-grid--sidebar,.metric-grid,.metric-grid--compact,.detail-grid{grid-template-columns:minmax(0,1fr)}.filter-bar,.console-header,.section-heading,.resource-card{flex-direction:column;align-items:stretch}.resource-card__meta{align-items:flex-start}}.install-shell{width:100%;max-width:1040px;padding:var(--space-10) var(--space-6);margin:0 auto}.install-header,.install-section-heading,.install-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.install-header{margin-bottom:var(--space-8)}.install-header h1{font-size:var(--font-size-title);line-height:var(--line-height-tight);margin:0}.install-header p,.install-footer,.field__hint,.install-command p,.install-checks span,.install-complete p{color:var(--text-secondary)}.install-header p{margin:var(--space-2) 0 0}.install-eyebrow{font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 var(--space-2)!important;color:var(--primary)!important}.install-steps{gap:var(--space-2);margin:0 0 var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.install-step{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius-small);color:var(--text-tertiary);background:var(--bg-card);display:flex}.install-step span{border:1px solid var(--border);border-radius:var(--radius-pill);width:24px;height:24px;font-size:var(--font-size-caption);flex:none;justify-content:center;align-items:center;display:inline-flex}.install-step strong{font-size:var(--font-size-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.install-step--active{color:var(--primary);background:var(--primary-light)}.install-step--active span{border-color:var(--primary)}.install-step--complete{color:var(--success)}.install-card{width:100%}.install-card--narrow{max-width:560px;margin:0 auto}.install-form{gap:var(--space-6);display:grid}.install-form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field__hint{font-size:var(--font-size-caption)}.field__hint code,.install-alert code,.install-command code,.install-footer code{font-family:var(--font-mono)}.field__textarea--secret{min-height:176px;font-family:var(--font-mono);font-size:var(--font-size-caption);resize:vertical}.install-command,.install-alert{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-small);display:grid}.install-command{background:var(--primary-light)}.install-command code{overflow-wrap:anywhere;padding:var(--space-3);border-radius:var(--radius-small);color:var(--text-primary);background:var(--bg-card)}.install-command p,.install-alert p{margin:0}.install-alert ul{padding-left:var(--space-6);margin:0}.install-alert--error{color:var(--error);background:var(--error-light)}.install-alert--warning{color:var(--warning);background:var(--warning-light)}.install-alert--success{color:var(--success);background:var(--success-light)}.install-checks{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.install-checks li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-small);display:flex}.install-checks li div{gap:var(--space-1);min-width:0;display:grid}.install-checks li span:last-child{overflow-wrap:anywhere;font-size:var(--font-size-caption)}.install-check-icon,.install-complete-icon{border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;display:inline-flex}.install-check-icon{width:var(--space-8);height:var(--space-8);font-weight:700;color:var(--bg-card)!important}.install-check-icon--success{background:var(--success)}.install-check-icon--error{background:var(--error)}.install-actions{margin-top:var(--space-6)}.install-review-grid{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.install-summary{top:var(--space-6);position:sticky}.install-summary-list{gap:var(--space-3);margin:var(--space-6) 0;display:grid}.install-summary-list div{gap:var(--space-1);display:grid}.install-summary-list dt{color:var(--text-secondary);font-size:var(--font-size-caption)}.install-summary-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.install-confirmation{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);display:flex}.install-confirmation input{width:var(--space-6);height:var(--space-6);accent-color:var(--primary);flex:none;margin:0}.install-complete{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.install-complete-icon{width:64px;height:64px;color:var(--bg-card);background:var(--success);font-size:var(--font-size-title)}.install-footer{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--font-size-caption);display:flex}@media (width<=768px){.install-shell{padding:var(--space-6) var(--space-4)}.install-header,.install-section-heading,.install-actions,.install-footer{flex-direction:column;align-items:stretch}.install-steps,.install-form-grid,.install-review-grid{grid-template-columns:minmax(0,1fr)}.install-step:not(.install-step--active):not(.install-step--complete){display:none}.install-summary{position:static}.install-actions .button{width:100%}}
