:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--teal:#087568;--muted:#617580;--text-secondary:#526b73;--surface-subtle:#f3f7f7;--surface-success:#edf6f1;--surface-warning:#fff6e5;--surface-danger:#fff0ec;--surface-info:#eef4fb;--tone-success:#2c6b53;--tone-warning:#835b20;--tone-danger:#b23636;--tone-info:#365e8d;--line-success:#c8dfd2;--line-warning:#ead6b4;--line-danger:#e8bbb3;--line-info:#cddced;--accent-solid:#087e73;--accent-hover:#066d63;--focus:#218f81;--topbar-surface:#ffffffed}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101b23;--surface:#192831;--surface-subtle:#1e3039;--surface-strong:#29434c;--ink:#e5eef1;--muted:#a0b2bc;--text-secondary:#b6c6cd;--line:#344750;--border:#344750;--teal:#7adbc5;--teal-light:#213e3b;--orange:#efb974;--surface-success:#203a32;--surface-warning:#3a3020;--surface-danger:#3e292b;--surface-info:#25354b;--tone-success:#90d8b8;--tone-warning:#f0c587;--tone-danger:#ffa79e;--tone-info:#accff7;--line-success:#3e6255;--line-warning:#6a5535;--line-danger:#71464a;--line-info:#455f7d;--accent-solid:#137a6b;--accent-hover:#17695f;--focus:#7adbc5;--topbar-surface:#192831f5}input,select,textarea{color:var(--ink);background-color:var(--surface);font:inherit;accent-color:var(--accent-solid)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}select option{color:var(--ink);background:var(--surface)}input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--ink)}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--ink)}.primary-button,.brand-icon{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}:root[data-theme=dark] .secondary-button:hover{background:var(--surface-subtle)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--teal-light);color:var(--ink)}html{scrollbar-color:var(--muted) var(--bg)}.theme-toggle{border:1px solid var(--line);min-height:40px;color:var(--text-secondary);background:var(--surface);white-space:nowrap;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.theme-toggle:hover{color:var(--teal);background:var(--teal-light);border-color:var(--line-success)}.theme-sun{display:none}:root[data-theme=dark] .theme-sun{display:block}:root[data-theme=dark] .theme-moon{display:none}.topbar-right{gap:14px}.login-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.login-toolbar .back-link{margin:0}@media (max-width:640px){.theme-toggle{min-width:40px;min-height:40px;padding:9px}.topbar .theme-toggle>span{display:none}.topbar-right{gap:9px}.login-toolbar{gap:10px}}@media (prefers-reduced-motion:no-preference){.theme-toggle{transition:background-color .15s,color .15s,border-color .15s}}@media print{:root[data-theme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--ink:#172c36;--muted:#526b73;--text-secondary:#526b73;--line:#d7e0e3;--surface-subtle:#f3f7f7;--surface-success:#edf6f1;--surface-warning:#fff6e5;--surface-danger:#fff0ec;--tone-success:#2c6b53;--tone-warning:#835b20;--tone-danger:#b23636;--teal:#087e73}.theme-toggle{display:none}}.login-toolbar{margin:0;position:absolute;top:24px;left:30px;right:30px}.login-toolbar .back-link{position:static}@media (max-width:640px){.sidebar>.brand{flex-shrink:0}.sidebar nav{scrollbar-width:thin;flex:1;min-width:0;overflow-x:auto}.sidebar .nav-item{flex-shrink:0}.login-toolbar{left:20px;right:20px}.login-page{padding-top:100px}}.login-page{grid-template-columns:minmax(0,1fr)}.login-card{width:min(420px,100%);min-width:0}:root[data-theme=dark] .profit-main{color:#ffe3a6;background:radial-gradient(at 70% 10%,#8e4039,#0000 70%),linear-gradient(130deg,#652825,#7d322c);border-color:#945342}
:root{--bg:#f5f6f8;--surface:#fff;--ink:#272b34;--muted:#707887;--text-secondary:#666d7a;--line:#e9ebef;--border:#e9ebef;--surface-subtle:#f7f8fa;--teal:#c9431c;--teal-light:#fff1eb;--accent-solid:#e84d22;--accent-hover:#cc3d16;--focus:#ee623a;--nav-bg:#20232c;--nav-text:#b3b7c3;--nav-line:#ffffff10;--sidebar:192px;--header-height:64px}:root[data-theme=dark]{--bg:#14161c;--surface:#1f222c;--surface-subtle:#272b35;--ink:#eceef4;--text-secondary:#b4bac8;--muted:#979eae;--line:#333846;--border:#333846;--teal:#ff9b7b;--teal-light:#422b27;--accent-solid:#dd4821;--accent-hover:#c93c17;--focus:#ff9b7b;--nav-bg:#191b23;--nav-text:#bcc1ce}.console-shell{--sidebar:192px;min-height:100vh}.console-shell .console-header{height:var(--header-height);z-index:60;background:var(--nav-bg);color:#fff;border-bottom:1px solid var(--nav-line);align-items:center;padding:0 24px 0 18px;display:flex;position:fixed;inset:0 0 auto}.console-header .brand{letter-spacing:.5px;color:#fff;flex-shrink:0;gap:9px;width:174px;padding:0;font-size:21px}.console-header .brand small{color:#bbc0cb;letter-spacing:3px;margin-top:2px;font-size:10px;font-weight:400;display:block}.console-header .brand-icon{width:35px;height:35px;box-shadow:none;background:#ff6137;border-radius:9px}.module-nav{scrollbar-width:none;align-self:stretch;gap:4px;min-width:0;display:flex;overflow-x:auto}.module-nav a{white-space:nowrap;color:var(--nav-text);border-top:3px solid #0000;border-bottom:3px solid #0000;align-items:center;padding:0 22px;font-size:14px;display:flex}.module-nav a:hover{color:#fff;background:#ffffff06}.module-nav a.selected{color:#ff805b;background:#ffffff04;border-bottom-color:#ff6137}.console-tools{flex-shrink:0;align-items:center;gap:20px;margin-left:auto;padding-left:20px;display:flex}.console-tools .theme-toggle{color:#c5cad4;background:0 0;border:1px solid #ffffff20;border-radius:6px;min-height:32px;padding:6px 9px}.console-tools .theme-toggle:hover{color:#fff;background:#ffffff0c}.account-link{color:#c5cad4;align-items:center;gap:8px;font-size:12px;display:flex}.console-tools .user-avatar{color:#fff;background:#414551;width:29px;height:29px;font-size:12px}.console-shell .sidebar{top:var(--header-height);width:var(--sidebar);background:var(--nav-bg);z-index:55;scrollbar-width:thin;color:var(--nav-text);border:0;padding:20px 12px 12px;overflow-y:auto}.sidebar-heading{color:#f3f4f7;padding:6px 14px 20px;font-size:13px}.sidebar-heading small{color:#858c9e;letter-spacing:1.8px;margin-top:8px;font-size:9px;display:block}.console-shell .sidebar nav{flex-direction:column;display:flex;overflow:visible}.console-shell .nav-item{width:100%;height:auto;min-height:44px;color:var(--nav-text);text-align:left;background:0 0;border:0;border-radius:6px;flex-shrink:0;gap:10px;margin:3px 0;padding:0 13px;font-size:12px}.console-shell .nav-item:hover{color:#fff;background:#ffffff08}.console-shell .nav-item.active{color:#ff8b66;background:#ff613712;font-weight:600}.nav-arrow{margin-left:auto}.console-shell .sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-service,.sidebar-collapse{color:#aab1c0;align-items:center;gap:10px;padding:12px 13px;font-size:11px;display:flex}.sidebar-collapse{border:0;border-top:1px solid var(--nav-line);background:0 0;width:100%;margin-top:10px}.sidebar-service:hover,.sidebar-collapse:hover{color:#fff}.console-shell .main-shell{margin-left:var(--sidebar);padding-top:var(--header-height);min-width:0}.console-breadcrumb{color:var(--muted);align-items:center;gap:10px;padding:16px 26px 0;font-size:11px;display:flex}.console-breadcrumb strong{color:var(--text-secondary);font-weight:400}.console-shell main{min-width:0;max-width:1800px;padding:24px 26px}.console-shell h1{letter-spacing:0;font-size:25px;font-weight:650}.console-shell .page-heading{margin-bottom:24px}.console-shell .page-heading p{margin-top:6px}.console-shell .eyebrow{color:var(--muted);letter-spacing:1.8px;margin-bottom:6px;font-size:9px}.console-shell .section-heading{margin-bottom:16px}.console-shell .section-heading h2{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.console-shell .section-heading>a{color:var(--teal);align-items:center;gap:5px;font-size:12px;display:flex}.console-shell .primary-button{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff;box-shadow:none;border-radius:6px}.console-shell .primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.console-shell .secondary-button{border-radius:6px}.console-shell .secondary-button:hover{background:var(--surface-subtle);border-color:var(--muted)}.console-shell .metric,.console-shell .platform-kpis article{box-shadow:none;border-radius:8px;padding:20px}.console-shell .metric-grid{margin-bottom:24px}.console-shell .metric-top svg{color:var(--teal)}.console-shell .metric strong,.console-shell .platform-kpis strong{font-variant-numeric:tabular-nums;color:var(--ink)}.console-shell .metric small{color:var(--muted)}.application-section{margin-bottom:28px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:flex-start;gap:14px;min-width:0;min-height:124px;padding:23px 20px;display:flex;position:relative}a.feature-card:hover,.feature-card.highlighted{border-color:var(--focus);background:var(--teal-light)}.feature-icon{color:#fff;background:#ff6137;border-radius:8px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.feature-copy{flex:1;min-width:0}.feature-title{flex-wrap:wrap;align-items:center;gap:7px;min-height:24px;display:flex}.feature-title h3{margin:0;font-size:15px;font-weight:550}.feature-status{background:var(--surface-subtle);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:1px 4px;font-size:10px}.feature-status.enabled{color:var(--tone-success);background:var(--surface-success);border-color:var(--line-success)}.feature-copy p{color:var(--text-secondary);margin:5px 0 0;font-size:12px;line-height:1.7}.feature-copy small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.feature-arrow{color:var(--muted);margin:4px 0 0 auto}.feature-card.planned .feature-icon{background:var(--surface-subtle);color:var(--muted)}.service-notice{background:var(--surface-warning);border:1px solid var(--line-warning);color:var(--tone-warning);border-radius:8px;align-items:center;gap:14px;margin-bottom:24px;padding:18px 20px;display:flex}.service-notice p{margin-top:5px;font-size:12px;line-height:1.6}.service-notice>a{margin-left:auto}.subscription-section{margin:30px 0}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:24px}.plan-term{color:var(--teal);background:var(--teal-light);border-radius:4px;margin-bottom:14px;padding:4px 8px;font-size:11px;display:inline-block}.plan-card h3{font-size:17px}.plan-price{color:var(--teal);margin:18px 0}.plan-price strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:34px}.plan-price>small{margin-right:4px;font-size:17px}.plan-price>span{color:var(--muted);font-size:12px}.plan-card p{min-height:45px;color:var(--text-secondary);margin-bottom:14px;font-size:12px;line-height:1.8}.plan-card>small{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:11px;line-height:1.8;display:block}.service-columns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.console-shell .platform-card{border-radius:9px;min-width:0;margin:16px 0;padding:22px}.service-columns>.platform-card{margin:0}.order-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.order-status{background:var(--surface-subtle);color:var(--muted);border-radius:4px;padding:3px 8px;font-size:11px}.order-status.paid{background:var(--surface-success);color:var(--tone-success)}.order-status.pending{background:var(--surface-warning);color:var(--tone-warning)}.console-shell .order-amount{color:var(--ink);font-size:22px;font-weight:600}.console-empty{text-align:center;color:var(--muted);padding:35px 15px;font-size:13px}.console-shell .platform-tabs{background:0 0;border:0;border-radius:0;gap:0;margin:0;padding:0}.console-shell .platform-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0 0 20px;padding:14px 18px}.console-shell .platform-toolbar input{border-radius:5px;padding:9px 12px;font-size:12px}.admin-identity{color:var(--text-secondary);border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.admin-identity svg{width:15px;height:15px}.console-shell .platform-kpis{margin-bottom:22px}.console-shell .platform-form label{font-size:12px}.console-shell .platform-form input:not([type=checkbox]),.console-shell .platform-form select,.console-shell .platform-form textarea{border-radius:5px;min-height:38px;padding:9px 11px;font-size:13px}.console-shell .platform-tag{border-radius:4px;font-size:11px}.console-shell .platform-card h2{font-size:17px}.console-shell .platform-card h3{font-size:15px}.console-shell .platform-card p{font-size:13px}.console-shell .workspace-grid{gap:22px}.console-shell .progress-card,.console-shell .access-card{box-shadow:none;background:var(--surface);border:1px solid var(--line);border-radius:9px}.workspace-tasks{gap:4px;display:grid}.workspace-tasks>a{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 0;display:flex}.workspace-tasks>a>svg:first-child{color:var(--teal)}.workspace-tasks>a>svg:last-child{color:var(--muted);margin-left:auto}.workspace-tasks strong{font-size:13px}.workspace-tasks p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}.console-shell .table-card,.console-shell .skc-group,.console-shell .stock-risk-product,.console-shell .replenishment-product,.console-shell .dispatch-card{box-shadow:none;border-radius:8px}.console-shell table{font-size:12px}.console-shell th{background:var(--surface-subtle);color:var(--text-secondary);font-weight:500}.console-shell th,.console-shell td{padding-top:13px;padding-bottom:13px}.console-shell tbody tr:hover{background:var(--surface-subtle)}.console-shell .main-shell>footer{color:var(--muted);border-top:1px solid var(--line);margin-top:auto;padding:18px 26px;font-size:10px}.skip-content{z-index:100;background:var(--surface);color:var(--ink);border-radius:6px;padding:12px;position:fixed;top:-80px;left:20px}.skip-content:focus{top:8px}.console-shell.nav-collapsed{--sidebar:64px}.nav-collapsed .sidebar-heading,.nav-collapsed .nav-item>span,.nav-collapsed .nav-arrow,.nav-collapsed .sidebar-service>span,.nav-collapsed .sidebar-collapse>span{display:none}.console-shell.nav-collapsed .nav-item{justify-content:center;padding:0}.nav-collapsed .sidebar-service,.nav-collapsed .sidebar-collapse{justify-content:center;padding-left:0;padding-right:0}@media (min-width:1680px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1250px){.module-nav a{padding:0 15px}.console-tools{gap:12px;padding-left:12px}.console-tools .theme-toggle>span{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.console-shell{--sidebar:170px}.console-header .brand{width:152px}.module-nav a{padding:0 12px}.account-link>span:last-child{display:none}.console-shell main{padding:20px}.console-breadcrumb{padding-left:20px}.service-columns{grid-template-columns:1fr}.console-tools{padding-left:8px}.console-shell .sidebar{padding-left:8px;padding-right:8px}.console-shell .nav-item{padding:0 10px}}@media (max-width:700px){.console-shell{--sidebar:0px;--header-height:108px}.console-shell .console-header{flex-wrap:wrap;height:108px;padding:0 14px 44px}.console-header .brand{width:auto;font-size:18px}.console-header .brand small{font-size:9px}.console-header .brand-icon{width:30px;height:30px}.module-nav{border-top:1px solid var(--nav-line);height:44px;padding:0 8px;position:absolute;inset:auto 0 0}.module-nav a{flex:1 0 auto;justify-content:center;min-width:max-content;padding:0 8px;font-size:11px}.console-tools{margin-left:auto}.console-tools .theme-toggle{min-width:30px;min-height:30px;padding:6px}.console-shell .sidebar{width:100%;margin-top:var(--header-height);border-bottom:1px solid var(--nav-line);padding:8px 10px;display:block;position:relative;inset:auto}.console-shell .sidebar nav{scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;gap:4px;overflow-x:auto}.console-shell .sidebar nav::-webkit-scrollbar{display:none}.console-shell .nav-item{white-space:nowrap;width:auto;min-height:38px;margin:0;padding:0 12px}.sidebar-heading,.console-shell .sidebar-bottom,.nav-arrow{display:none}.console-shell .main-shell{margin:0;padding-top:0}.console-shell .console-breadcrumb{padding:14px 16px 0}.console-shell main{padding:18px 16px}.console-shell h1{font-size:23px}.console-shell .page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.feature-grid,.plan-grid{grid-template-columns:1fr}.feature-card{min-height:108px;padding:20px}.feature-title h3{font-size:15px}.service-notice{flex-wrap:wrap;padding:16px}.service-notice>div{flex:1;min-width:180px}.service-notice>a{margin-left:34px}.console-shell .platform-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.console-shell .platform-kpis article{padding:16px}.console-shell .platform-kpis strong{font-size:23px}.console-shell .platform-card{padding:17px}.console-shell .platform-toolbar{flex-wrap:wrap;display:flex}.console-shell .platform-toolbar input{width:100%;max-width:100%}.console-shell .section-heading{flex-wrap:wrap;gap:10px}.console-shell.nav-collapsed{--sidebar:0px}.nav-collapsed .nav-item>span{display:inline}.console-shell.nav-collapsed .nav-item{padding:0 12px}}@media (prefers-reduced-motion:no-preference){.feature-card{transition:background .15s,border-color .15s}}@media print{.console-shell .console-header,.console-shell .sidebar,.console-breadcrumb{display:none}.console-shell .main-shell{margin:0;padding:0}.console-shell{--sidebar:0px}}.console-shell .admin-shortcuts{margin-top:28px}button.feature-card{font:inherit;color:var(--ink);text-align:left}button.feature-card:hover{border-color:var(--focus);background:var(--teal-light)}@media (max-width:700px){.console-shell .sidebar nav{flex:none;justify-content:flex-start}.console-shell .sidebar .nav-item>span{display:inline}.console-shell .sidebar .nav-item{justify-content:flex-start}}:root{--brand-panel:#fcf8f5;--brand-panel-line:#eadbd2;--brand-panel-ink:#934d31;--brand-panel-icon:#d65b32;--brand-panel-edge:#ec865e}:root[data-theme=dark]{--brand-panel:#292522;--brand-panel-line:#49372f;--brand-panel-ink:#efb295;--brand-panel-icon:#f18b62;--brand-panel-edge:#b96543}.console-shell :is(.inventory-intro,.fulfillment-scope,.monitor-coverage,.replenishment-intro,.replenishment-formula){background:var(--brand-panel);border:1px solid var(--brand-panel-line);border-left:3px solid var(--brand-panel-edge);color:var(--text-secondary);border-radius:8px}.console-shell :is(.inventory-intro,.fulfillment-scope,.monitor-coverage) strong{color:var(--brand-panel-ink)}.console-shell :is(.inventory-intro,.fulfillment-scope)>svg{color:var(--brand-panel-icon)}.console-shell .inventory-intro p{color:var(--text-secondary)}.console-shell .purchase-activity-entry{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:20px 24px}.console-shell .purchase-activity-entry strong{color:var(--ink)}.console-shell .purchase-activity-entry p{color:var(--text-secondary)}.console-shell .purchase-activity-entry .secondary-button{background:var(--brand-panel);color:var(--brand-panel-ink);border-color:var(--brand-panel-line)}.console-shell .purchase-activity-entry .secondary-button:hover{background:var(--teal-light);border-color:var(--focus)}.console-shell :is(.inventory-metrics>div:last-child,.metric:last-child,.account-metric.available,.payment-metric.due,.supplier-period-summary .period-closing,.ledger-total,.replenishment-main){background:var(--brand-panel);border-color:var(--brand-panel-line);color:var(--brand-panel-ink)}.console-shell :is(.inventory-metrics>div:last-child,.metric:last-child,.account-metric.available,.payment-metric.due,.supplier-period-summary .period-closing,.ledger-total) strong{color:var(--brand-panel-ink)}.console-shell :is(.monitor-head,.fulfillment-product>header,.fulfillment-orders,.purchase-picker,.purchase-activity-values,.supplier-quote,.payment-editor,.payment-evidence,.dispatch-confirm,.statement-metrics article){background:var(--surface-subtle);border-color:var(--line)}.console-shell :is(.monitor-summary-card.selected,.stock-risk-filters a.selected,.statement-chips button){background:var(--brand-panel);border-color:var(--brand-panel-line);color:var(--brand-panel-ink)}.console-shell :is(.inventory-scope-pill,.supplier-card>header>span,.sku-badge){background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--line)}.console-shell :is(.product-thumb,.monitor-thumb,.inventory-product img,.inventory-image-placeholder,.purchase-activity-avatar){background:var(--surface-subtle)}.console-shell :is(.inventory-edit>summary,.payment-evidence>summary,.replenishment-skus>summary,.fulfillment-tabs a[aria-current=page]){color:var(--teal)}.console-shell .fulfillment-sku>summary:hover,.console-shell .daily-ledger[href]:hover{background:var(--surface-subtle)}@media (max-width:700px){.console-shell .purchase-activity-entry{padding:16px}}.console-shell .purchase-plans{grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;align-items:stretch;gap:20px;max-width:920px;margin:0 auto}.console-shell .purchase-card{flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.console-shell .purchase-card:before{content:"";background:var(--brand-panel-edge);height:3px;position:absolute;inset:0 0 auto}.plan-emblem{background:var(--brand-panel);width:36px;height:36px;color:var(--brand-panel-icon);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.console-shell .purchase-card h3{margin:4px 0;font-size:17px}.purchase-card .plan-emblem svg{width:22px;height:22px}.purchase-card .plan-term{align-self:flex-start;margin-bottom:8px;padding:3px 7px}.purchase-card .plan-price strong{font-size:28px}.purchase-card .purchase-button{min-height:38px;font-size:13px}.purchase-card .plan-benefits>strong{font-size:12px}.purchase-card>small{padding-top:10px}.console-shell .purchase-card .plan-price{margin:10px 0 16px}.purchase-button{justify-content:center;width:100%;min-height:44px}.plan-benefits{border-top:1px solid var(--border);flex:1;margin-top:16px;padding-top:14px}.plan-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin:12px 0 16px;padding:0;list-style:none;display:grid}.plan-benefits li{align-items:center;gap:6px;font-size:12px;display:flex}.plan-benefits svg{color:var(--brand-panel-icon);flex-shrink:0}.plan-footnote{color:var(--muted);line-height:1.7}.purchase-card.plan-tone-1{--tone:#e84d22;--tone-soft:#fff1eb;--tone-strong:#cc3d16}.purchase-card.plan-tone-3{--tone:#2563eb;--tone-soft:#eaf0fe;--tone-strong:#1d4fd8}.purchase-card.plan-tone-12{--tone:#7c3aed;--tone-soft:#f2ecfd;--tone-strong:#6629d6}:root[data-theme=dark] .purchase-card.plan-tone-1{--tone:#ff9b7b;--tone-soft:#3a2622;--tone-strong:#ffb39a}:root[data-theme=dark] .purchase-card.plan-tone-3{--tone:#7fb0ff;--tone-soft:#1e2b45;--tone-strong:#9cc2ff}:root[data-theme=dark] .purchase-card.plan-tone-12{--tone:#b79bff;--tone-soft:#2b2345;--tone-strong:#cdb9ff}.purchase-card[class*=plan-tone-]{background:linear-gradient(180deg,var(--tone-soft),var(--surface) 38%);border-color:color-mix(in srgb,var(--tone) 30%,var(--line))}.purchase-card[class*=plan-tone-]:before{background:linear-gradient(90deg,var(--tone),var(--tone-strong))}.purchase-card[class*=plan-tone-] .plan-emblem,.purchase-card[class*=plan-tone-] .plan-term{background:var(--tone-soft);color:var(--tone)}.purchase-card[class*=plan-tone-] .plan-price{color:var(--tone)}.purchase-card[class*=plan-tone-] .purchase-button{background:var(--tone);border-color:var(--tone)}.purchase-card[class*=plan-tone-] .purchase-button:hover:not(:disabled){background:var(--tone-strong);border-color:var(--tone-strong)}.purchase-card[class*=plan-tone-] .plan-benefits svg{color:var(--tone)}.purchase-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 100px #0005}.purchase-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10121899}.purchase-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.purchase-dialog h2{margin:8px 0 0;font-size:24px}.purchase-summary{background:var(--brand-panel);border:1px solid var(--brand-panel-line);border-radius:12px;grid-template-columns:1fr auto;gap:10px;padding:20px;display:grid}.purchase-summary strong{font-size:18px}.purchase-summary span{color:var(--muted);grid-column:1}.purchase-summary b{color:var(--brand-panel-icon);grid-area:1/2/3;align-self:center;font-size:28px}.purchase-includes,.purchase-help{color:var(--muted);font-size:13px;line-height:1.8}.purchase-help{margin:20px 0 0}.payment-methods{border:0;margin:24px 0;padding:0}.payment-methods legend{margin-bottom:12px;font-weight:600}.payment-method{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:16px;display:flex}.payment-method span,.payment-method small{margin-left:auto}.payment-method.selected{border-color:var(--brand-panel-edge);background:var(--brand-panel)}.payment-method input{accent-color:#ff6535;width:auto}.payment-method.unavailable{color:var(--muted);opacity:.7}.purchase-assurance{color:var(--muted);align-items:center;gap:8px;margin:20px 0;font-size:13px;display:flex}.purchase-dialog .wechat-panel{text-align:center;border:0;margin:0;padding:0}.purchase-dialog .wechat-qr{max-width:100%;height:auto;margin:12px auto;display:block}.purchase-dialog .wechat-actions{flex-wrap:wrap;justify-content:center}@media (max-width:700px){.console-shell .purchase-plans{grid-template-columns:1fr}.console-shell .purchase-card{padding:18px}.purchase-dialog{padding:20px}.purchase-summary b{font-size:24px}}.console-shell input[type=checkbox],.console-shell input[type=radio]{accent-color:#f97316}.console-shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus,.console-shell select:focus,.console-shell textarea:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 2px #f9731624}
