:root{
  --brand:#087d72;--brand-2:#1b68a5;--accent:#e45b49;--success:#16866f;--danger:#b74637;
  --ink:#16211f;--muted:#65716e;--line:#dce5e1;--bg:#f2f6f4;--paper:#fff;
  --sidebar:#1d332e;--sidebar-text:#d8e5e1;--shadow:0 12px 30px rgba(23,45,39,.08);
  --header-h:64px;--rail-w:0px;--side-w:236px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}img{max-width:100%}[hidden],.is-hidden{display:none!important}.app{min-height:100vh}.stage{min-height:100vh;transition:margin .22s ease}.top-header{position:sticky;z-index:35;top:0;height:var(--header-h);display:flex;align-items:center;gap:20px;padding:0 max(18px,calc((100vw - 1370px)/2));border-bottom:1px solid rgba(211,223,218,.9);background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(140%)}.brand{display:flex;align-items:center;min-width:max-content;font-size:18px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;margin-right:10px;border-radius:7px;background:var(--brand);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 24%,transparent)}.desktop-nav{display:flex;align-self:stretch;gap:4px}.nav-button{position:relative;min-width:82px;padding:0 14px;border:0;background:transparent;color:#4d5c57}.nav-button.active{color:var(--brand);font-weight:700}.nav-button.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--brand)}.header-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.tool-button,.button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#3e4d48}.tool-button.icon-only{width:40px;padding:0;font-size:18px}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent)}.button.danger{border-color:#f0c9c2;background:#fff7f5;color:#b74637}.button.ghost{background:transparent}.button.small{min-height:32px;padding:0 10px;font-size:12px}.page-canvas{width:min(1370px,calc(100% - 36px));margin:0 auto;padding:20px 0 94px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 0 16px}.page-title h1{margin:0;font-size:24px;line-height:1.2}.page-title p{margin:5px 0 0;color:var(--muted)}.page-actions{display:flex;gap:8px}.glass-panel,.panel{border:1px solid rgba(207,220,215,.92);border-radius:8px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(125%)}.panel{background:#fff;box-shadow:0 5px 18px rgba(23,45,39,.045)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line)}.section-head h2{margin:0;font-size:17px}.section-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.inline-actions{display:flex;align-items:center;gap:7px}.notice-bar{display:flex;align-items:center;gap:10px;min-height:42px;margin-bottom:14px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--brand) 6%,#fff);color:#52615c}.notice-bar b{color:var(--brand)}.notice-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-bar button{margin-left:auto;border:0;background:none;color:var(--muted)}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);min-height:245px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--brand) 8%,#fff)}.hero-copy{align-self:center;padding:32px 34px}.eyebrow{color:var(--brand);font-weight:800}.hero h1{max-width:650px;margin:8px 0 10px;font-size:32px;line-height:1.25}.hero p{max-width:590px;margin:0 0 20px;color:#53615d;font-size:15px}.hero-media{position:relative;min-height:245px}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;border-left:1px solid rgba(255,255,255,.5);background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 35%)}.hero-dots{display:flex;gap:6px;margin-top:18px}.hero-dots button{width:22px;height:5px;padding:0;border:0;border-radius:3px;background:#afc8c2}.hero-dots button.active{background:var(--brand)}.category-strip{display:flex;gap:8px;overflow:auto;margin:14px 0;padding:2px 1px 6px}.category-strip button,.segmented button{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#55635f}.category-strip button.active,.segmented button.active{border-color:var(--brand);background:var(--brand);color:#fff}.catalog-head{display:flex;align-items:end;justify-content:space-between;margin:18px 0 11px}.catalog-head h2{margin:0;font-size:21px}.catalog-head p{margin:4px 0 0;color:var(--muted)}.segmented{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:6px}.segmented button{border:0;border-radius:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(25,46,40,.055);transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(25,46,40,.1)}.product-cover{position:relative;overflow:hidden;aspect-ratio:8/5;background:#dce8e4}.product-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.product-card:hover .product-cover img{transform:scale(1.025)}.product-badge{position:absolute;left:10px;top:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.65);border-radius:4px;background:rgba(255,255,255,.84);color:var(--brand);font-size:11px;font-weight:800;backdrop-filter:blur(8px)}.product-body{padding:12px}.product-platform{color:var(--muted);font-size:12px}.product-card h3{height:43px;margin:5px 0 9px;font-size:15px;line-height:1.45}.product-meta{display:flex;align-items:center;justify-content:space-between}.price{color:var(--accent);font-size:19px;font-weight:800}.sales{color:var(--muted);font-size:12px}.product-grid.list{grid-template-columns:1fr}.product-grid.list .product-card{display:grid;grid-template-columns:190px minmax(0,1fr)}.product-grid.list .product-cover{height:120px;aspect-ratio:auto}.product-grid.list .product-card h3{height:auto}.product-grid.list .product-body{display:grid;grid-template-columns:1fr auto;align-items:center}.product-grid.list .product-meta{grid-column:2;grid-row:1/4;display:block;text-align:right}.product-grid.list .sales{display:block;margin-top:6px}
.workspace-grid{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(420px,1.12fr);gap:14px}.form-body{padding:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block;color:#5d6a66}.field.full{grid-column:1/-1}.field input,.field select,.field textarea,.search-input{width:100%;min-height:42px;margin-top:6px;padding:8px 11px;border:1px solid #cfdad6;border-radius:5px;background:#fff;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 11%,transparent)}.field textarea{min-height:86px;resize:vertical}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.empty-state{display:grid;place-items:center;min-height:340px;padding:30px;text-align:center;color:var(--muted)}.empty-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--bg);color:var(--brand);font-size:26px}.empty-state h3{margin:0 0 5px;color:var(--ink)}.course-list{padding:8px 16px}.course-option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.course-option input{width:18px;height:18px;accent-color:var(--brand)}.course-option strong{display:block}.course-option span{color:var(--muted);font-size:12px}.order-total{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:color-mix(in srgb,var(--brand) 5%,#fff)}.order-total strong{color:var(--accent);font-size:20px}.success-state{max-width:680px;margin:40px auto;padding:38px;text-align:center}.success-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#e8f7f1;color:var(--success);font-size:30px;font-weight:800}.success-state h1{margin:0 0 8px}.success-state p{color:var(--muted)}
.query-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:9px;padding:16px}.query-toolbar .search-input{margin:0}.status-card{padding:18px}.order-summary-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-summary-line h2{margin:0 0 5px;font-size:18px}.order-summary-line p{margin:0;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:14px;background:#eaf6f2;color:var(--success);font-size:12px;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0}.timeline-step{position:relative;text-align:center;color:var(--muted)}.timeline-step:before{content:"";position:absolute;left:-50%;right:50%;top:10px;height:2px;background:var(--line)}.timeline-step:first-child:before{display:none}.timeline-step i{position:relative;z-index:1;display:block;width:20px;height:20px;margin:0 auto 7px;border:4px solid #fff;border-radius:50%;background:#bcc9c5;box-shadow:0 0 0 1px #bcc9c5}.timeline-step.done{color:var(--ink)}.timeline-step.done:before,.timeline-step.done i{background:var(--brand)}.order-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.activity-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.activity-image{position:relative;height:148px;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover}.activity-image span{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.88);color:var(--brand);font-weight:700;backdrop-filter:blur(8px)}.activity-card div:last-child{padding:14px}.activity-card h3{margin:0 0 6px}.activity-card p{margin:0 0 12px;color:var(--muted)}
.account-hero{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;margin-bottom:14px}.profile-block,.metric-card{padding:16px}.profile-block{display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand);font-size:20px;font-weight:800}.profile-block strong{display:block;font-size:16px}.profile-block span,.metric-card span{color:var(--muted)}.metric-card strong{display:block;margin:7px 0 3px;font-size:23px}.metric-card small{color:var(--success)}.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.account-nav{align-self:start;padding:8px}.account-nav button{width:100%;min-height:42px;padding:0 12px;border:0;border-radius:5px;background:#fff;text-align:left;color:#55635f}.account-nav button.active{background:color-mix(in srgb,var(--brand) 9%,#fff);color:var(--brand);font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}.quick-button{min-height:92px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#53605c}.quick-button b{display:block;margin-bottom:7px;color:var(--ink);font-size:21px}.ledger-row,.invite-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.ledger-row small,.invite-row small{color:var(--muted)}.positive{color:var(--success);font-weight:700}.negative{color:var(--accent);font-weight:700}.progress{height:8px;overflow:hidden;border-radius:4px;background:#e4ebe8}.progress span{display:block;height:100%;background:var(--brand)}.vip-block{padding:18px}.vip-block h2{margin:0 0 5px}.vip-block p{color:var(--muted)}.security-list{padding:0 16px}.security-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.security-row b{display:block}.security-row span{color:var(--muted);font-size:12px}.affiliate-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}.affiliate-link{display:flex;gap:8px;padding:0 15px 15px}.affiliate-link input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:5px;padding:0 10px}
.admin-layout{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:calc(100vh - var(--header-h));border:1px solid var(--line);background:#fff}.admin-sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:10px}.admin-sidebar-title{padding:13px 12px 15px;border-bottom:1px solid rgba(255,255,255,.12);font-size:16px;font-weight:800}.admin-sidebar button{width:100%;min-height:44px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:inherit;text-align:left}.admin-sidebar button.active{background:rgba(255,255,255,.11);color:#fff;font-weight:700}.admin-main{min-width:0;padding:18px;background:var(--bg)}.admin-tabs{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.metric-card{min-width:0}.metric-card em{display:block;color:var(--success);font-size:12px;font-style:normal}.chart-panel{padding:16px}.chart{display:flex;align-items:end;gap:8px;height:170px;padding-top:20px;border-bottom:1px solid var(--line)}.chart i{flex:1;min-width:10px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--brand) 72%,#fff)}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:14px}.health-list{padding:6px 16px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.health-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--success)}.health-dot.warn{background:#d99d32}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 15px;border-bottom:1px solid var(--line)}.toolbar .search-input{width:min(320px,100%);margin:0}.toolbar select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff}.data-table{overflow-x:auto}.table-row{display:grid;grid-template-columns:1.1fr 1.5fr .9fr .8fr .8fr auto;gap:12px;align-items:center;min-width:820px;padding:13px 15px;border-bottom:1px solid var(--line)}.table-row.header{color:var(--muted);font-size:12px}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:color-mix(in srgb,var(--brand) 4%,#fff)}.table-row .status{color:var(--brand);font-weight:700}.pagination{display:flex;justify-content:flex-end;gap:5px;padding:13px 15px}.pagination button{min-width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:#fff}.pagination button.active{border-color:var(--brand);background:var(--brand);color:#fff}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.supplier-card{padding:16px}.supplier-card h3{margin:0 0 5px}.supplier-card p{margin:0 0 13px;color:var(--muted)}.supplier-meta{display:flex;justify-content:space-between;margin-bottom:11px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-section{padding:17px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.switch{position:relative;width:44px;height:24px;border:0;border-radius:12px;background:#c8d2ce}.switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .18s}.switch.on{background:var(--brand)}.switch.on:after{left:23px}
.rail{display:none}.secondary-sidebar{display:none}.mobile-bottom{display:none}.scrim{display:none;position:fixed;z-index:65;inset:0;background:rgba(18,31,28,.5);backdrop-filter:blur(2px)}.scrim.open{display:block}.modal-layer{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:16px;background:rgba(17,29,26,.48);backdrop-filter:blur(6px)}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(12,28,23,.24);backdrop-filter:blur(22px) saturate(130%)}.modal.wide{width:min(780px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-close{width:38px;height:38px;border:0;background:none;font-size:23px;color:var(--muted)}.modal-body{padding:18px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}.toast-stack{position:fixed;z-index:120;right:18px;top:78px;display:grid;gap:8px}.toast{min-width:250px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--success) 25%,var(--line));border-radius:6px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);color:#35433f;backdrop-filter:blur(14px)}.toast b{color:var(--success)}
body[data-frame="b"]{--brand:#287fc4;--brand-2:#36a579;--accent:#dc5f45;--success:#27896c;--ink:#152331;--muted:#667587;--line:#dbe3ea;--bg:#f2f6f9;--sidebar:#fff;--sidebar-text:#43566a;--shadow:0 10px 28px rgba(29,55,78,.08)}body[data-frame="b"] .brand-mark{background:#fff;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:none}body[data-frame="b"] .admin-layout{grid-template-columns:220px minmax(0,1fr)}body[data-frame="b"] .admin-sidebar{border-right:1px solid var(--line)}body[data-frame="b"] .admin-sidebar-title{border-color:var(--line);color:var(--ink)}body[data-frame="b"] .admin-sidebar button.active{background:var(--brand);color:#fff}body[data-frame="b"] .admin-tabs{display:flex;gap:5px;margin:-18px -18px 16px;padding:8px 18px 0;border-bottom:1px solid var(--line);background:#fff}body[data-frame="b"] .admin-tabs button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-bottom:0;background:#fff}body[data-frame="b"] .admin-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}
body[data-frame="c"]{--brand:#178fd5;--brand-2:#168b70;--accent:#dd5c4d;--success:#168b70;--ink:#172436;--muted:#68778b;--line:#dbe5ed;--bg:#edf4f9;--sidebar:#fff;--sidebar-text:#4d6275;--rail-w:72px;--shadow:0 12px 30px rgba(30,67,94,.09)}body[data-frame="c"] .app{padding-left:calc(var(--rail-w) + var(--side-w))}body[data-frame="c"] .top-header{padding-left:20px}body[data-frame="c"] .page-canvas{width:calc(100% - 36px);max-width:1400px}body[data-frame="c"] .rail{position:fixed;z-index:72;left:0;top:0;bottom:0;display:flex;width:var(--rail-w);flex-direction:column;align-items:center;padding:12px 0;background:var(--brand);color:#fff}body[data-frame="c"] .rail .brand-mark{margin:0 0 17px;background:#fff;color:var(--brand);box-shadow:none}body[data-frame="c"] .rail button{width:100%;min-height:61px;border:0;background:transparent;color:#dff2fd;font-size:11px}body[data-frame="c"] .rail button b{display:block;font-size:17px}body[data-frame="c"] .rail button.active{background:rgba(255,255,255,.14);color:#fff}body[data-frame="c"] .rail .rail-last{margin-top:auto}body[data-frame="c"] .secondary-sidebar{position:fixed;z-index:70;left:var(--rail-w);top:0;bottom:0;display:block;width:var(--side-w);padding:18px 10px;border-right:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}body[data-frame="c"] .secondary-sidebar h2{margin:1px 10px 14px;font-size:18px}body[data-frame="c"] .secondary-sidebar .side-label{padding:9px 10px 5px;color:#8a98a7;font-size:11px;font-weight:700}body[data-frame="c"] .secondary-sidebar button{width:100%;min-height:41px;padding:0 11px;border:0;border-radius:5px;background:transparent;text-align:left;color:#536779}body[data-frame="c"] .secondary-sidebar button.active{background:var(--blue-soft,#edf7fd);color:var(--brand);font-weight:700}body[data-frame="c"].side-collapsed .app{padding-left:var(--rail-w)}body[data-frame="c"].side-collapsed .secondary-sidebar{transform:translateX(-100%)}body[data-frame="c"] .admin-layout{display:block;border:0}body[data-frame="c"] .admin-sidebar{display:none}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-hero{grid-template-columns:repeat(3,1fr)}.profile-block{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--header-h:58px}.top-header{height:58px;padding:0 12px;gap:8px}.brand{font-size:15px}.brand-mark{width:34px;height:34px;margin-right:8px}.desktop-nav,.header-tools .desktop-only{display:none}.header-tools{gap:6px}.header-tools .button{min-height:38px;padding:0 10px}.page-canvas{width:100%;padding:0 0 76px}.page-title{align-items:center;padding:14px 12px 0;margin-bottom:12px}.page-title h1{font-size:20px}.page-title p{display:none}.page-actions .button:not(.mobile-keep){display:none}.notice-bar{margin:0;border-width:0 0 1px;border-radius:0}.hero{grid-template-columns:1fr;min-height:190px;border-width:0 0 1px;border-radius:0}.hero-copy{padding:22px 15px}.hero h1{font-size:25px}.hero p{font-size:13px}.hero-media{display:none}.category-strip{margin:0;padding:10px 12px;background:#fff}.catalog-head{padding:0 12px;margin:18px 0 10px;align-items:center}.catalog-head h2{font-size:19px}.catalog-head p{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.product-card h3{height:40px;font-size:13px}.product-body{padding:10px}.price{font-size:17px}.product-grid.list{padding:0 12px}.product-grid.list .product-card{grid-template-columns:108px minmax(0,1fr)}.product-grid.list .product-cover{height:100%;min-height:108px}.product-grid.list .product-body{display:block}.product-grid.list .product-meta{display:flex;text-align:left}.workspace-grid{display:block}.workspace-grid>.panel{margin-bottom:10px;border-width:1px 0;border-radius:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.empty-state{min-height:230px}.query-toolbar{grid-template-columns:1fr auto;padding:12px}.query-toolbar select{display:none}.status-card{padding:14px}.order-summary-line{display:block}.status-pill{margin-top:10px}.timeline{font-size:11px}.order-actions .button{flex:1;min-width:calc(50% - 8px)}.activity-grid{grid-template-columns:1fr;padding:0 12px}.activity-image{height:135px}.account-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;margin:0}.profile-block{grid-column:1/-1}.profile-block,.metric-card{padding:13px}.metric-card strong{font-size:20px}.account-layout{display:block}.account-nav{display:flex;overflow:auto;border-width:1px 0;border-radius:0;padding:8px 12px}.account-nav button{flex:0 0 auto;width:auto;padding:0 14px}.account-content{border-width:1px 0;border-radius:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.ledger-row,.invite-row{grid-template-columns:1fr auto}.ledger-row span:nth-child(2),.invite-row span:nth-child(2){grid-column:1/-1}.ledger-row span:nth-child(3),.invite-row span:nth-child(3){display:none}.affiliate-summary{grid-template-columns:repeat(2,1fr)}.affiliate-link{display:block}.affiliate-link .button{width:100%;margin-top:8px}.admin-layout{display:block;min-height:auto;border:0}.admin-sidebar{position:fixed;z-index:75;left:0;top:0;bottom:0;display:block!important;width:min(82vw,330px);padding-top:18px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:16px 0 40px rgba(20,39,33,.18)}.admin-sidebar.open{transform:translateX(0)}.admin-main{padding:12px}.admin-tabs{overflow:auto;margin:-12px -12px 12px;padding-left:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:13px}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:10px}.chart{height:135px}.toolbar{padding:11px 12px}.toolbar .search-input{flex:1;min-width:150px}.data-table{overflow:visible}.table-row{min-width:0;grid-template-columns:1fr auto;padding:12px}.table-row.header{display:none}.table-row span:nth-child(2){grid-column:1/-1;color:var(--muted)}.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.supplier-grid{grid-template-columns:1fr;padding:0 12px}.setting-section{padding:14px}.mobile-bottom{position:fixed;z-index:55;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{min-height:62px;border:0;background:transparent;color:#66736f;font-size:11px}.mobile-bottom img{display:block;width:20px;height:20px;margin:0 auto 4px;opacity:.68}.mobile-bottom button.active{color:var(--brand);font-weight:700}.mobile-bottom button.active img{opacity:1}.admin-mode .mobile-bottom{display:none}.modal-layer{align-items:end;padding:0}.modal{width:100%;max-height:88vh;border-radius:8px 8px 0 0}.modal.wide{width:100%}.modal-body{padding:15px}.toast-stack{left:12px;right:12px;top:68px}.toast{min-width:0}.scrim{z-index:73}body[data-frame="c"] .app{padding-left:0}body[data-frame="c"] .rail{transform:translateX(-105%);transition:transform .2s ease}body[data-frame="c"] .rail.open{transform:translateX(0)}body[data-frame="c"] .secondary-sidebar{z-index:74;left:64px;width:min(72vw,280px);transform:translateX(calc(-100% - 64px));transition:transform .2s ease}body[data-frame="c"] .secondary-sidebar.open{transform:translateX(0)}body[data-frame="c"] .top-header{padding-left:12px}body[data-frame="c"] .page-canvas{width:100%}body[data-frame="c"].side-collapsed .app{padding-left:0}}
@media(max-width:760px){body[data-frame="b"] .admin-tabs{margin:-12px -12px 12px}.modal.wide .modal-body>div{grid-template-columns:1fr!important}.modal.wide .modal-body img{width:100%!important;max-height:190px;object-fit:cover}}
.mobile-menu{display:none}.notice-bar b{flex:0 0 auto;white-space:nowrap}.category-strip,.account-nav,.admin-tabs{scrollbar-width:none}.category-strip::-webkit-scrollbar,.account-nav::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{display:none}body[data-frame="c"] .mobile-menu{display:block}
@media(max-width:760px){.mobile-menu{display:block}body[data-frame="c"] .admin-sidebar{display:none!important}body[data-frame="c"] .rail{width:64px}}

/* Open-source commerce/admin study pass: compact storefront and disciplined operations UI. */
svg[data-lucide]{display:inline-block;flex:0 0 auto;vertical-align:-3px}.button,.tool-button,.nav-button,.mobile-bottom button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.utility-strip{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1370px)/2));border-bottom:1px solid #e7ecea;background:#f7f9f8;color:#71807b;font-size:12px}.utility-strip>div{display:flex;align-items:center;gap:20px}.utility-strip button{padding:0;border:0;background:none;color:#5e6b67}.top-header{background:#fff;backdrop-filter:none}.brand{min-width:188px}.store-search{display:flex;flex:1;max-width:470px;height:38px;margin-left:4px;border:2px solid var(--brand);border-radius:5px;background:#fff}.store-search input{min-width:0;flex:1;padding:0 12px;border:0;outline:0;background:transparent}.store-search button{width:82px;border:0;background:var(--brand);color:#fff}.desktop-nav{margin-left:auto}.nav-button{min-width:68px;padding:0 10px;font-size:13px}.header-tools{margin-left:0}.page-canvas{padding-top:16px}.notice-bar{min-height:38px;margin-bottom:10px;background:#fff}.notice-bar b{display:flex;align-items:center;gap:6px}.storefront-lead{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;min-height:300px;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}.store-category{border-right:1px solid var(--line);background:#fff}.store-category-title{height:43px;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--brand);color:#fff;font-weight:700}.store-category button{width:100%;height:36px;display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:7px;padding:0 13px;border:0;background:#fff;color:#4f5d59;text-align:left}.store-category button:hover,.store-category button.active{background:color-mix(in srgb,var(--brand) 7%,#fff);color:var(--brand)}.campaign-banner{position:relative;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--brand) 8%,#f8fbfa)}.campaign-banner>img{position:absolute;inset:0 0 0 auto;width:55%;height:100%;object-fit:cover}.campaign-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 8%,#f8fbfa) 0%,color-mix(in srgb,var(--brand) 8%,#f8fbfa) 42%,transparent 78%);pointer-events:none}.campaign-copy{position:relative;z-index:2;max-width:62%;padding:46px 30px}.campaign-copy h1{margin:8px 0 9px;font-size:27px;line-height:1.25}.campaign-copy p{margin:0 0 18px;color:#576660}.campaign-copy .button{box-shadow:none}.hero-dots{margin-top:19px}.store-quick{padding:15px;border-left:1px solid var(--line);background:#fff}.quick-user{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid var(--line)}.avatar.small{width:38px;height:38px;font-size:14px}.quick-user b,.quick-user small{display:block}.quick-user small{margin-top:2px;color:var(--muted);font-size:11px}.quick-order-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:14px 0}.quick-order-stats button{padding:0;border:0;background:none;color:var(--muted);font-size:11px}.quick-order-stats b{display:block;color:var(--ink);font-size:17px}.quick-main,.quick-link{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:4px}.quick-main{background:var(--brand);color:#fff}.quick-link{margin-top:7px;border:1px solid var(--line);background:#fff;color:#50605b}.service-points{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid var(--line);border-radius:5px;background:#fff}.service-points span{min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--line);color:#596762}.service-points span:last-child{border-right:0}.service-points svg{color:var(--brand)}.mobile-category{display:none}.catalog-head{margin:19px 0 10px}.catalog-head h2{font-size:20px}.catalog-head .segmented button{width:38px;padding:0}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.product-card{border-radius:5px;box-shadow:none}.product-card:hover{box-shadow:0 10px 24px rgba(27,49,42,.1)}.product-cover{aspect-ratio:7/4}.product-card h3{font-size:14px}.product-body{padding:11px}.price{font-size:18px}.panel{border-radius:5px;box-shadow:none}.admin-layout{border-radius:5px;overflow:hidden}.admin-sidebar{padding:0 9px 12px}.admin-sidebar-title{display:flex;align-items:center;gap:3px;margin:0 -9px 8px;padding:11px 14px}.admin-sidebar-title .brand-mark{width:34px;height:34px;margin-right:7px;box-shadow:none}.admin-sidebar-title span:last-child{line-height:1.25}.admin-sidebar-title small{display:block;margin-top:3px;opacity:.55;font-size:9px;font-weight:500}.admin-nav-label{padding:12px 12px 5px;color:color-mix(in srgb,var(--sidebar-text) 60%,transparent);font-size:10px}.admin-sidebar button{display:grid;grid-template-columns:21px 1fr 14px;align-items:center;gap:8px}.admin-sidebar button svg:last-child{opacity:.45}.admin-tabs{align-items:end}.admin-tabs button{display:inline-flex;align-items:center;gap:6px}.admin-tabs button small{margin-left:8px;opacity:.45}.admin-tabs-tools{display:flex;align-items:center;gap:13px;margin-left:auto;padding:0 4px 11px;color:var(--muted)}.metric-card span{display:flex;align-items:center;gap:7px}.metric-card span svg{color:var(--brand)}.table-row{padding-top:11px;padding-bottom:11px}.rail button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px}.rail button span{display:block}.rail button svg{margin:0!important}.modal{background:#fff;backdrop-filter:none}.toast{background:#fff;backdrop-filter:none}
@media(max-width:1180px){.storefront-lead{grid-template-columns:180px minmax(0,1fr)}.store-quick{display:none}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-search{max-width:360px}.desktop-nav{display:none}}
@media(max-width:900px){.storefront-lead{grid-template-columns:165px minmax(0,1fr)}.campaign-copy{max-width:72%;padding:38px 24px}.campaign-copy h1{font-size:24px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mobile-menu{display:none!important}body[data-frame="c"] .mobile-menu{display:inline-flex!important}
@media(min-width:761px){body.admin-mode[data-frame="a"] .top-header .brand,body.admin-mode[data-frame="b"] .top-header .brand{display:none}body.admin-mode .top-header .header-tools{margin-left:auto}}
@media(max-width:760px){.utility-strip{display:none}.desktop-only{display:none!important}.mobile-menu{display:inline-flex!important}.top-header{position:sticky}.brand{min-width:0}.header-tools{margin-left:auto}.storefront-lead{display:block;min-height:218px;border-width:0 0 1px;border-radius:0}.store-category,.store-quick{display:none}.campaign-banner{height:218px}.campaign-banner>img{display:none}.campaign-banner:after{display:none}.campaign-copy{max-width:100%;padding:25px 15px}.campaign-copy h1{max-width:340px;margin-top:6px;font-size:23px}.campaign-copy p{max-width:340px;margin-bottom:14px;font-size:12px}.campaign-copy .hero-dots{margin-top:13px}.service-points{grid-template-columns:repeat(2,1fr);margin:0;border-width:0 0 1px;border-radius:0}.service-points span{min-height:41px;border-bottom:1px solid var(--line);font-size:12px}.service-points span:nth-child(2){border-right:0}.mobile-category{display:flex}.catalog-head{margin-top:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom button{display:flex;flex-direction:column;gap:3px}.mobile-bottom button svg{margin:0}.admin-sidebar-title{margin:0 0 8px}.admin-nav-label{padding-top:9px}}
@media(min-width:1181px){.storefront-lead{grid-template-columns:190px minmax(0,1fr);min-height:280px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.drawer-close{display:none!important}
@media(max-width:760px){.admin-sidebar .drawer-close{display:inline-grid!important;place-items:center;width:36px;min-height:36px;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:rgba(255,255,255,.08);color:inherit}.admin-sidebar .drawer-close svg{opacity:1}.admin-sidebar-title>span:nth-child(2){min-width:0;white-space:nowrap}body[data-frame="b"] .admin-sidebar .drawer-close{border-color:var(--line);background:var(--bg);color:var(--brand)}}

/* Reference A account overview confirmed layout. */
body[data-frame="a"] .account-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px}
body[data-frame="a"] .account-overview-item{min-width:0;min-height:98px;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid var(--line);border-radius:6px;background:#fff}
body[data-frame="a"] .account-overview-item span{color:var(--muted)}
body[data-frame="a"] .account-overview-item strong{display:block;margin-top:8px;font-size:22px}
@media(max-width:760px){body[data-frame="a"] .account-top-metric{display:none}body[data-frame="a"] .account-hero-reference-a{display:block;margin-top:-16px;padding:0}body[data-frame="a"] .account-hero-reference-a .profile-block{width:100%;border-right:0;border-left:0;border-radius:0}body[data-frame="a"] .account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}body[data-frame="a"] .account-overview-item{min-height:92px;padding:13px}body[data-frame="a"] .account-overview-item strong{font-size:20px}}

/* Reference A system update center. */
body[data-frame="a"] .update-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-tabs button{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}
body[data-frame="a"] .update-tabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:700}
body[data-frame="a"] .update-tabs button:disabled{opacity:.55;cursor:not-allowed}
body[data-frame="a"] .update-version-strip{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(240px,1.25fr);margin-bottom:14px;overflow:hidden}
body[data-frame="a"] .update-version-strip>div{min-height:78px;padding:14px 16px;border-right:1px solid var(--line)}
body[data-frame="a"] .update-version-strip>div:last-child{border-right:0}
body[data-frame="a"] .update-version-strip span,body[data-frame="a"] .update-version-strip small{display:block;color:var(--muted)}
body[data-frame="a"] .update-version-strip strong{display:block;margin-top:7px;font-size:18px}
body[data-frame="a"] .update-version-strip .update-lock-state{display:flex;align-items:center;gap:11px;background:#f8faf9}
body[data-frame="a"] .update-lock-state>svg{color:var(--brand)}
body[data-frame="a"] .update-lock-state span b{display:block;color:var(--ink)}
body[data-frame="a"] .update-lock-state span small{margin-top:3px;font-size:11px}
body[data-frame="a"] .update-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:14px;align-items:start}
body[data-frame="a"] .update-upload-panel,body[data-frame="a"] .update-precheck,body[data-frame="a"] .update-package-detail{overflow:hidden}
body[data-frame="a"] .update-dropzone{margin:0 16px 15px;min-height:142px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px;border:1px dashed #afc7c0;border-radius:6px;background:#f7faf9;color:var(--brand);cursor:pointer}
body[data-frame="a"] .update-dropzone.has-package{border-style:solid;border-color:#acd8cc;background:#f1faf7}
body[data-frame="a"] .update-dropzone>div b,body[data-frame="a"] .update-dropzone>div span{display:block}
body[data-frame="a"] .update-dropzone>div b{overflow-wrap:anywhere;color:var(--ink)}
body[data-frame="a"] .update-dropzone>div span{margin-top:5px;color:var(--muted);font-size:12px}
body[data-frame="a"] .update-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px 16px;border-top:1px solid var(--line);background:#fbfcfc}
body[data-frame="a"] .update-demo-actions>span{margin-right:auto;color:var(--muted);font-size:12px}
body[data-frame="a"] .update-check-list{padding:0 16px 10px}
body[data-frame="a"] .update-check-list>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 0;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-check-list>div:last-child{border-bottom:0}
body[data-frame="a"] .update-check-list span{display:flex;align-items:center;gap:8px}
body[data-frame="a"] .update-check-list span svg,body[data-frame="a"] .update-check-list em{color:var(--success)}
body[data-frame="a"] .update-check-list small{grid-column:1;color:var(--muted)}
body[data-frame="a"] .update-check-list em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px;font-weight:700}
body[data-frame="a"] .update-target{display:flex;align-items:center;justify-content:center;gap:24px;padding:19px 16px;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-target>div{text-align:center}
body[data-frame="a"] .update-target span,body[data-frame="a"] .update-target b{display:block}
body[data-frame="a"] .update-target span{color:var(--muted);font-size:12px}
body[data-frame="a"] .update-target b{margin-top:5px;font-size:20px}
body[data-frame="a"] .update-target>svg{color:var(--brand)}
body[data-frame="a"] .update-compat,body[data-frame="a"] .update-alert{display:flex;align-items:flex-start;gap:9px;margin:14px 16px;padding:12px 13px;border-left:3px solid var(--brand);background:#f2f8f6}
body[data-frame="a"] .update-compat>svg,body[data-frame="a"] .update-alert>svg{flex:0 0 auto;margin-top:2px;color:var(--brand)}
body[data-frame="a"] .update-compat b,body[data-frame="a"] .update-compat small,body[data-frame="a"] .update-alert b,body[data-frame="a"] .update-alert small{display:block}
body[data-frame="a"] .update-compat small,body[data-frame="a"] .update-alert small{margin-top:3px;color:var(--muted);font-size:11px}
body[data-frame="a"] .update-alert.danger{border-color:var(--danger);background:#fff5f3;color:var(--danger)}
body[data-frame="a"] .update-alert.danger>svg{color:var(--danger)}
body[data-frame="a"] .update-package-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 16px}
body[data-frame="a"] .update-package-meta>div{padding:10px 0;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-package-meta dt{color:var(--muted);font-size:11px}
body[data-frame="a"] .update-package-meta dd{margin:3px 0 0;font-weight:700}
body[data-frame="a"] .update-notes{padding:13px 16px}
body[data-frame="a"] .update-notes ul{margin:8px 0 0;padding-left:19px;color:#52615c}
body[data-frame="a"] .update-notes li{margin:5px 0}
body[data-frame="a"] .update-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid var(--line);background:#fbfcfc}
body[data-frame="a"] .update-progress-panel{max-width:880px;margin:0 auto;overflow:hidden}
body[data-frame="a"] .update-progress-head{display:flex;align-items:flex-end;justify-content:space-between;padding:21px 22px 14px}
body[data-frame="a"] .update-progress-head span{color:var(--muted)}
body[data-frame="a"] .update-progress-head h2{margin:4px 0 0;font-size:20px}
body[data-frame="a"] .update-progress-head>strong{color:var(--brand);font-size:34px}
body[data-frame="a"] .update-progress-track{height:9px;margin:0 22px 18px;overflow:hidden;border-radius:5px;background:#e3ebe8}
body[data-frame="a"] .update-progress-track span{display:block;height:100%;background:var(--brand);transition:width .3s ease}
body[data-frame="a"] .update-task-list{border-top:1px solid var(--line)}
body[data-frame="a"] .update-task{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:58px;padding:9px 22px;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-task>span{color:#9aaaa5}
body[data-frame="a"] .update-task b,body[data-frame="a"] .update-task small{display:block}
body[data-frame="a"] .update-task small{margin-top:2px;color:var(--muted);font-size:11px}
body[data-frame="a"] .update-task em{color:var(--muted);font-style:normal;font-size:12px}
body[data-frame="a"] .update-task.running{background:#f2f8f6}
body[data-frame="a"] .update-task.running>span,body[data-frame="a"] .update-task.running em{color:var(--brand)}
body[data-frame="a"] .update-task.running>span svg{animation:spin .8s linear infinite}
body[data-frame="a"] .update-task.done>span,body[data-frame="a"] .update-task.done em{color:var(--success)}
body[data-frame="a"] .update-task.failed>span,body[data-frame="a"] .update-task.failed em{color:var(--danger)}
@keyframes spin{to{transform:rotate(360deg)}}
body[data-frame="a"] .update-maintenance-note{display:flex;align-items:center;gap:8px;padding:13px 22px;background:#fbfcfc;color:var(--muted);font-size:12px}
body[data-frame="a"] .update-result{max-width:760px;margin:0 auto;padding:42px 25px;text-align:center}
body[data-frame="a"] .update-result-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#e8f6f2;color:var(--success)}
body[data-frame="a"] .update-result.failed .update-result-icon{background:#fff0ee;color:var(--danger)}
body[data-frame="a"] .update-result h2{margin:0;font-size:24px}
body[data-frame="a"] .update-result>p{max-width:590px;margin:8px auto 20px;color:var(--muted)}
body[data-frame="a"] .update-backup-ref{max-width:530px;margin:0 auto 20px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f8faf9;text-align:left}
body[data-frame="a"] .update-backup-ref span,body[data-frame="a"] .update-backup-ref b,body[data-frame="a"] .update-backup-ref small{display:block}
body[data-frame="a"] .update-backup-ref span,body[data-frame="a"] .update-backup-ref small{color:var(--muted);font-size:11px}
body[data-frame="a"] .update-backup-ref small{margin-top:4px;overflow-wrap:anywhere;font-family:Consolas,monospace}
body[data-frame="a"] .update-result-actions{display:flex;justify-content:center;gap:8px}
body[data-frame="a"] .update-history{overflow:hidden}
body[data-frame="a"] .update-history-table{overflow-x:auto}
body[data-frame="a"] .update-history-row{display:grid;grid-template-columns:160px 125px minmax(210px,1.2fr) minmax(220px,1fr) 80px 70px;gap:12px;align-items:center;min-width:980px;padding:12px 16px;border-top:1px solid var(--line)}
body[data-frame="a"] .update-history-row.header{border-top:0;background:#f8faf9;color:var(--muted);font-size:11px}
body[data-frame="a"] .update-history-row b,body[data-frame="a"] .update-history-row small{display:block}
body[data-frame="a"] .update-history-row small{margin-top:3px;color:var(--muted);font-size:10px}
body[data-frame="a"] .update-history-row code{overflow-wrap:anywhere;color:#52615c;font-size:11px}
body[data-frame="a"] .update-history-status{display:inline-flex;min-height:26px;align-items:center;padding:0 8px;border-radius:13px;background:#e9f6f1;color:var(--success);font-style:normal;font-size:11px;font-weight:700}
body[data-frame="a"] .update-history-status.fail{background:#fff0ee;color:var(--danger)}
body[data-frame="a"] .update-history-status.rollback{background:#fff6e2;color:#a66c10}
body[data-frame="a"] .update-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-frame="a"] .update-confirm-summary>div{padding:12px;border:1px solid var(--line);border-radius:5px}
body[data-frame="a"] .update-confirm-summary span,body[data-frame="a"] .update-confirm-summary b{display:block}
body[data-frame="a"] .update-confirm-summary span{color:var(--muted);font-size:11px}
body[data-frame="a"] .update-confirm-summary b{margin-top:4px;font-size:18px}
@media(max-width:900px){body[data-frame="a"] .update-workspace{grid-template-columns:1fr}body[data-frame="a"] .update-version-strip{grid-template-columns:repeat(3,1fr)}body[data-frame="a"] .update-version-strip .update-lock-state{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:760px){body[data-frame="a"] .update-tabs{margin:0 -12px 10px;padding-left:12px;background:#fff}body[data-frame="a"] .update-version-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px}body[data-frame="a"] .update-version-strip>div{min-height:70px;padding:11px 12px}body[data-frame="a"] .update-version-strip>div:nth-child(2){border-right:0}body[data-frame="a"] .update-version-strip>div:nth-child(3){border-top:1px solid var(--line)}body[data-frame="a"] .update-version-strip .update-lock-state{grid-column:auto;border-top:1px solid var(--line)}body[data-frame="a"] .update-version-strip strong{font-size:16px}body[data-frame="a"] .update-dropzone{grid-template-columns:34px minmax(0,1fr);min-height:128px;margin:0 12px 12px;padding:15px}body[data-frame="a"] .update-dropzone>.button{grid-column:1/-1;width:100%}body[data-frame="a"] .update-demo-actions{padding:11px 12px}body[data-frame="a"] .update-demo-actions>span{width:100%}body[data-frame="a"] .update-demo-actions .button{flex:1;padding:0 8px}body[data-frame="a"] .update-package-meta{grid-template-columns:1fr;padding:0 12px}body[data-frame="a"] .update-compat,body[data-frame="a"] .update-alert{margin:12px}body[data-frame="a"] .update-notes{padding:12px}body[data-frame="a"] .update-actions{padding:11px 12px}body[data-frame="a"] .update-actions .button{flex:1}body[data-frame="a"] .update-progress-head{padding:17px 14px 12px}body[data-frame="a"] .update-progress-head>strong{font-size:29px}body[data-frame="a"] .update-progress-track{margin:0 14px 14px}body[data-frame="a"] .update-task{grid-template-columns:25px minmax(0,1fr) auto;padding:9px 13px}body[data-frame="a"] .update-task em{font-size:10px}body[data-frame="a"] .update-maintenance-note{padding:12px 14px}body[data-frame="a"] .update-result{padding:32px 15px}body[data-frame="a"] .update-result-actions{display:grid}body[data-frame="a"] .update-history-table{overflow:visible}body[data-frame="a"] .update-history-row.header{display:none}body[data-frame="a"] .update-history-row{min-width:0;display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:0 12px 10px;padding:13px;border:1px solid var(--line);border-radius:5px}body[data-frame="a"] .update-history-row>span:nth-child(3),body[data-frame="a"] .update-history-row>span:nth-child(4){grid-column:1/-1}body[data-frame="a"] .update-history-row>span:nth-child(5){grid-column:1}body[data-frame="a"] .update-history-row>span:nth-child(6){grid-column:2;grid-row:4}body[data-frame="a"] .update-history-row code{display:block;padding:6px;background:#f7f9f8}body[data-frame="a"] .update-confirm-summary{grid-template-columns:1fr 1fr}}

/* Reference A integrated authentication. */
body[data-frame="a"].auth-mode .page-canvas{padding-top:26px}
body[data-frame="a"] .embedded-auth-shell{width:min(920px,100%);min-height:560px;display:grid;grid-template-columns:310px minmax(0,1fr);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 16px 42px rgba(20,46,38,.1)}
body[data-frame="a"] .embedded-auth-context{display:flex;flex-direction:column;padding:34px 30px;background:var(--sidebar);color:#d9e8e3}
body[data-frame="a"] .embedded-auth-context>span{display:inline-flex;align-items:center;gap:7px;margin:auto 0 0;color:#9fc0b7;font-size:12px;font-weight:700}
body[data-frame="a"] .embedded-auth-context h1{margin:10px 0 7px;color:#fff;font-size:26px;line-height:1.25}
body[data-frame="a"] .embedded-auth-context p{margin:0;color:#a9c2bb}
body[data-frame="a"] .embedded-auth-context small{margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.13);color:#8eaaa3}
body[data-frame="a"] .embedded-auth-shell.admin .embedded-auth-context{background:#102c26}
body[data-frame="a"] .embedded-auth-content{min-width:0;display:flex;align-items:center;justify-content:center;padding:42px 64px}
body[data-frame="a"] .embedded-auth-form-wrap{width:100%;max-width:390px}
body[data-frame="a"] .embedded-auth-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:17px;padding:5px 8px;border:1px solid #b9d7d0;border-radius:4px;background:#f1f8f6;color:var(--brand);font-size:11px;font-weight:700}
body[data-frame="a"] .embedded-auth-form-wrap>h2{margin:0;font-size:24px}
body[data-frame="a"] .embedded-auth-form-wrap>p{margin:5px 0 22px;color:var(--muted)}
body[data-frame="a"] .embedded-auth-form{display:grid;gap:13px}
body[data-frame="a"] .embedded-auth-field>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#465650}
body[data-frame="a"] .embedded-auth-field>span em{color:var(--danger);font-style:normal;font-size:11px}
body[data-frame="a"] .embedded-auth-input{position:relative}
body[data-frame="a"] .embedded-auth-input>svg{position:absolute;left:12px;top:13px;color:#7a8984}
body[data-frame="a"] .embedded-auth-input input{width:100%;height:44px;padding:0 43px 0 40px;border:1px solid #cbd8d3;border-radius:5px;outline:0;color:var(--ink)}
body[data-frame="a"] .embedded-auth-input input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,125,114,.1)}
body[data-frame="a"] .embedded-auth-input input.invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(183,70,55,.08)}
body[data-frame="a"] .embedded-auth-input button{position:absolute;right:4px;top:4px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#788782}
body[data-frame="a"] .embedded-auth-field>small{display:block;min-height:17px;margin-top:3px;color:var(--danger);font-size:11px}
body[data-frame="a"] .embedded-auth-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-2px}
body[data-frame="a"] .embedded-auth-options label{display:flex;align-items:center;gap:7px;color:#52615c}
body[data-frame="a"] .embedded-auth-options input{width:16px;height:16px;margin:0;accent-color:var(--brand)}
body[data-frame="a"] .embedded-auth-options small{color:var(--muted);font-size:11px}
body[data-frame="a"] .embedded-auth-submit{width:100%;height:43px}
body[data-frame="a"] .embedded-auth-submit:disabled{cursor:wait;opacity:.7}
body[data-frame="a"] .embedded-auth-submit svg.lucide-loader-circle{animation:spin .8s linear infinite}
body[data-frame="a"] .embedded-auth-switch{margin-top:19px;padding-top:17px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}
body[data-frame="a"] .embedded-auth-switch button,body[data-frame="a"] .embedded-auth-back{border:0;background:transparent;color:var(--brand);font-weight:700}
body[data-frame="a"] .embedded-auth-back{display:inline-flex;align-items:center;gap:6px;margin-top:19px;padding:0}
body[data-frame="a"] .embedded-password-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:-5px}
body[data-frame="a"] .embedded-password-rules span{display:flex;align-items:center;gap:4px;color:#8a9692;font-size:10px}
body[data-frame="a"] .embedded-password-rules span.ok{color:var(--success)}
body[data-frame="a"] .embedded-auth-alert{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 11px;border-left:3px solid var(--danger);background:#fff5f3;color:var(--danger)}
body[data-frame="a"] .embedded-auth-success{width:100%;max-width:420px;text-align:center}
body[data-frame="a"] .embedded-auth-success>span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#e7f4f1;color:var(--success)}
body[data-frame="a"] .embedded-auth-success h2{margin:0;font-size:24px}
body[data-frame="a"] .embedded-auth-success p{margin:8px 0 22px;color:var(--muted)}
body[data-frame="a"] .embedded-auth-redirect{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-weight:700}
body[data-frame="a"] .embedded-auth-redirect svg{animation:spin .8s linear infinite}
@media(max-width:760px){body[data-frame="a"].auth-mode .desktop-nav,body[data-frame="a"].auth-mode .header-tools .desktop-only{display:none}body[data-frame="a"].auth-mode .page-canvas{padding:0 0 32px}body[data-frame="a"] .embedded-auth-shell{width:100%;min-height:calc(100vh - 58px);display:block;border:0;border-radius:0;box-shadow:none}body[data-frame="a"] .embedded-auth-context{display:none}body[data-frame="a"] .embedded-auth-content{align-items:flex-start;padding:38px 22px}body[data-frame="a"] .embedded-auth-form-wrap{max-width:none}body[data-frame="a"] .embedded-password-rules{grid-template-columns:1fr;gap:4px}body[data-frame="a"] .embedded-auth-success{margin-top:42px}}