:root{
  --smo-bg:#f6f7f9;--smo-card:#fff;--smo-text:#171a20;--smo-muted:#697483;--smo-line:#e7e9ed;
  --smo-brand:#e30613;--smo-brand2:#b9000b;--smo-brand-soft:#fff1f2;--smo-blue:#356ae6;--smo-blue-soft:#edf3ff;
  --smo-orange:#d97706;--smo-orange-soft:#fff6e8;--smo-red:#d64545;--smo-red-soft:#fff0f0;--smo-purple:#7656c9;--smo-purple-soft:#f3efff;
  --smo-nav:#111827;--smo-nav2:#182234;--smo-shadow:0 10px 30px rgba(17,24,39,.055);--smo-shadow-lg:0 18px 50px rgba(17,24,39,.10);
}
html{scroll-behavior:smooth}
body.toplevel_page_smo-dashboard,body[class*="shop-os_page_smo-"]{background:var(--smo-bg)!important}
body.toplevel_page_smo-dashboard #wpadminbar,body[class*="shop-os_page_smo-"] #wpadminbar,
body.toplevel_page_smo-dashboard #adminmenumain,body[class*="shop-os_page_smo-"] #adminmenumain{display:none!important}
body.toplevel_page_smo-dashboard #wpcontent,body[class*="shop-os_page_smo-"] #wpcontent{margin-left:0!important;padding-left:0!important}
body.toplevel_page_smo-dashboard #wpbody-content,body[class*="shop-os_page_smo-"] #wpbody-content{padding-bottom:0!important}
body.toplevel_page_smo-dashboard #wpfooter,body[class*="shop-os_page_smo-"] #wpfooter{display:none!important}
#wpbody-content>.notice,#wpbody-content>.updated,#wpbody-content>.error{display:none!important}

.smo-app{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--smo-text);min-height:100vh;background:var(--smo-bg);display:grid;grid-template-columns:246px minmax(0,1fr)}
.smo-app *{box-sizing:border-box}.smo-app button,.smo-app input,.smo-app select,.smo-app textarea{font:inherit}
.smo-sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:linear-gradient(180deg,var(--smo-nav) 0%,#0d1422 100%);color:#c4ccda;z-index:80;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04)}
.smo-brandbox{height:78px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.smo-brandmark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#ff2635,#e30613);display:grid;place-items:center;color:white;box-shadow:0 8px 22px rgba(227,6,19,.24)}
.smo-brandmark svg{width:21px;height:21px}.smo-brandtext strong{display:block;color:#fff;font-size:14px;letter-spacing:-.01em}.smo-brandtext span{font-size:10px;color:#7f8ba0;letter-spacing:.10em;text-transform:uppercase;font-weight:700}
.smo-navscroll{padding:14px 10px 18px;overflow:auto;flex:1}.smo-nav-group{margin:0 0 16px}.smo-nav-label{padding:0 11px 7px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#69778d;text-transform:uppercase}
.smo-navitem{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:9px;color:#aeb8c9;text-decoration:none;font-size:12.5px;font-weight:600;transition:.16s;position:relative}.smo-navitem svg{width:17px;height:17px;stroke-width:1.8;flex:none;color:#8390a4}.smo-navitem:hover{background:rgba(255,255,255,.055);color:#fff}.smo-navitem:hover svg{color:#c9d5e4}.smo-navitem.active{background:linear-gradient(90deg,rgba(227,6,19,.24),rgba(227,6,19,.07));color:#fff}.smo-navitem.active svg{color:#ff6c75}.smo-navitem.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;background:#e30613;border-radius:0 3px 3px 0}.smo-nav-count{margin-left:auto;background:#273247;color:#bac5d5;border-radius:999px;padding:1px 6px;font-size:9px}
.smo-sidebar-foot{padding:12px 12px 14px;border-top:1px solid rgba(255,255,255,.07)}.smo-storecard{padding:11px;border-radius:10px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:9px}.smo-storeavatar{width:32px;height:32px;border-radius:9px;background:#263448;display:grid;place-items:center;color:#dce6f2;font-weight:800;font-size:11px}.smo-storemeta{min-width:0;flex:1}.smo-storemeta b{display:block;color:#eef3f8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smo-storemeta span{display:flex;gap:5px;align-items:center;color:#718198;font-size:9.5px;margin-top:2px}.smo-online-dot{width:6px;height:6px;border-radius:50%;background:#37c990;box-shadow:0 0 0 3px rgba(55,201,144,.1)}

.smo-content{grid-column:2;min-width:0}.smo-topbar{height:78px;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--smo-line)}
.smo-page-title{display:flex;align-items:center;gap:12px}.smo-title-icon{width:38px;height:38px;border:1px solid var(--smo-line);background:#fff;border-radius:11px;display:grid;place-items:center;color:var(--smo-brand);box-shadow:0 3px 10px rgba(17,24,39,.04)}.smo-title-icon svg{width:19px;height:19px}.smo-topbar h1{font-size:18px;line-height:1.1;margin:0;font-weight:750;letter-spacing:-.025em}.smo-eyebrow{font-size:9px;font-weight:800;letter-spacing:.12em;color:#8b96a8;text-transform:uppercase;margin-bottom:4px}
.smo-top-actions{display:flex;align-items:center;gap:8px}.smo-command{height:36px;min-width:220px;border:1px solid var(--smo-line);background:#f8fafc;border-radius:9px;color:#8a96a8;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:11px}.smo-command svg{width:15px}.smo-command kbd{margin-left:auto;font-size:9px;padding:2px 5px;border:1px solid #dce2e9;background:#fff;border-radius:5px;color:#98a2b2}.smo-sync{font-size:10.5px;color:var(--smo-muted);display:flex;align-items:center;gap:6px}.smo-sync i{display:inline-block;width:7px;height:7px;background:#35be83;border-radius:50%;box-shadow:0 0 0 3px rgba(53,190,131,.11)}
.smo-icon-btn{width:36px;height:36px;border:1px solid var(--smo-line);border-radius:9px;background:#fff;color:#637087;display:grid;place-items:center;cursor:pointer}.smo-icon-btn:hover{background:#f8fafc;color:var(--smo-text)}.smo-icon-btn svg{width:16px;height:16px}.smo-profile{display:flex;align-items:center;gap:9px;margin-left:3px;padding-left:10px;border-left:1px solid var(--smo-line)}.smo-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#fff0f1,#ffd9dc);color:#c7000c;display:grid;place-items:center;font-weight:800;font-size:11px}.smo-profile-meta b{display:block;font-size:10.5px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smo-profile-meta span{display:block;color:#95a0b1;font-size:9px;margin-top:1px}

#smo-main{padding:24px 28px 48px;max-width:1580px;margin:0 auto}.smo-loading{height:45vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--smo-muted)}.smo-loading span{width:18px;height:18px;border:2px solid var(--smo-line);border-top-color:var(--smo-brand);border-radius:50%;animation:smoSpin .8s linear infinite}@keyframes smoSpin{to{transform:rotate(360deg)}}
.smo-page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.smo-page-intro h2{margin:0;font-size:21px;letter-spacing:-.035em}.smo-page-intro p{margin:5px 0 0;color:var(--smo-muted);font-size:11.5px;line-height:1.5}.smo-period{display:flex;align-items:center;background:#fff;border:1px solid var(--smo-line);border-radius:9px;padding:3px;box-shadow:0 2px 8px rgba(17,24,39,.03)}.smo-period button{border:0;background:transparent;padding:6px 10px;border-radius:7px;color:#78859a;font-size:10.5px;cursor:pointer}.smo-period button.active{background:#fff0f1;color:#c7000c;font-weight:750}
.smo-grid{display:grid;gap:14px}.smo-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.smo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.smo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.smo-card{background:var(--smo-card);border:1px solid var(--smo-line);border-radius:13px;box-shadow:var(--smo-shadow)}.smo-card-pad{padding:18px}
.smo-kpi{padding:17px 17px 15px;position:relative;overflow:hidden}.smo-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.smo-kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.smo-kpi-icon svg{width:17px;height:17px}.smo-kpi-icon.green{background:var(--smo-brand-soft);color:var(--smo-brand)}.smo-kpi-icon.blue{background:var(--smo-blue-soft);color:var(--smo-blue)}.smo-kpi-icon.orange{background:var(--smo-orange-soft);color:var(--smo-orange)}.smo-kpi-icon.purple{background:var(--smo-purple-soft);color:var(--smo-purple)}.smo-kpi small{display:block;color:#7b8799;font-weight:650;font-size:10.5px}.smo-kpi strong{display:block;font-size:22px;letter-spacing:-.04em;line-height:1.18;margin-top:4px}.smo-kpi-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.smo-kpi .hint{font-size:9.5px;color:#8e99a9}.smo-trend{font-size:9px;font-weight:750;border-radius:999px;padding:3px 6px;background:#edf8f3;color:#16805c}.smo-trend.down{background:#fff1f1;color:#c53d3d}.smo-spark{position:absolute;right:11px;bottom:5px;width:64px;height:24px;opacity:.75}
.smo-section{margin-top:16px}.smo-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.smo-section-head h2{font-size:13.5px;margin:0;font-weight:750;letter-spacing:-.01em}.smo-section-head p{margin:3px 0 0;color:var(--smo-muted);font-size:10px}.smo-actions{display:flex;gap:7px;flex-wrap:wrap}
.smo-btn{border:0;border-radius:8px;padding:8px 11px;font-size:10.5px;font-weight:700;cursor:pointer;background:var(--smo-brand);color:#fff;display:inline-flex;align-items:center;gap:6px;justify-content:center;box-shadow:0 4px 12px rgba(227,6,19,.14)}.smo-btn svg{width:14px;height:14px}.smo-btn:hover{background:var(--smo-brand2);color:#fff}.smo-btn-soft{background:#fff;color:#445169;border:1px solid var(--smo-line);box-shadow:none}.smo-btn-soft:hover{background:#f8fafc;color:var(--smo-text)}.smo-btn-danger{background:#fff3f3;color:var(--smo-red);border:1px solid #ffd9d9;box-shadow:none}.smo-btn-sm{padding:5px 8px;font-size:9.5px}
.smo-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.smo-quick{background:#fff;border:1px solid var(--smo-line);border-radius:11px;padding:13px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.16s}.smo-quick:hover{transform:translateY(-1px);box-shadow:var(--smo-shadow);border-color:#dce4ea}.smo-quick .ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#fff1f2;color:var(--smo-brand)}.smo-quick .ico svg{width:16px;height:16px}.smo-quick b{font-size:10.5px;display:block}.smo-quick span{font-size:9px;color:#909bac;margin-top:2px;display:block}
.smo-chart{padding:17px}.smo-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.smo-chart-value b{font-size:18px;display:block;letter-spacing:-.03em}.smo-chart-value span{font-size:9.5px;color:#8b97a8}.smo-bars{display:flex;align-items:flex-end;gap:5px;height:150px;padding-top:10px;border-bottom:1px solid #edf0f4;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#f0f2f6 37px)}.smo-bar{flex:1;min-width:5px;background:linear-gradient(180deg,#ff3b48,#e30613);border-radius:4px 4px 1px 1px;opacity:.9;position:relative}.smo-bar:hover{opacity:1}.smo-axis{display:flex;justify-content:space-between;color:#a0a9b7;font-size:8.5px;margin-top:6px}
.smo-alert-list{display:flex;flex-direction:column}.smo-alert{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #eef1f4}.smo-alert:last-child{border-bottom:0}.smo-alert-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff4e5;color:#c8760a}.smo-alert-ico.red{background:#fff0f0;color:#c74747}.smo-alert-ico.blue{background:#eef4ff;color:#3b6dde}.smo-alert-ico svg{width:15px;height:15px}.smo-alert b{display:block;font-size:10.5px}.smo-alert span{display:block;font-size:9px;color:#8b97a8;margin-top:2px}.smo-alert em{font-style:normal;font-size:9px;color:#9ca6b5}
.smo-table-wrap{overflow:auto}.smo-table{width:100%;border-collapse:collapse}.smo-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.055em;color:#8d98a9;background:#fafbfc;padding:10px 11px;border-bottom:1px solid var(--smo-line);white-space:nowrap;font-weight:800}.smo-table td{padding:10px 11px;border-bottom:1px solid #eef1f4;vertical-align:middle;font-size:10.5px;color:#49566c}.smo-table td b{color:#202a3b}.smo-table tr:last-child td{border-bottom:0}.smo-table tbody tr:hover{background:#fbfcfd}.smo-table .num{text-align:right;font-variant-numeric:tabular-nums}.smo-table small{font-size:8.8px;color:#98a2b1}.smo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:6px;background:#f0f3f6;color:#667287;font-size:8.8px;font-weight:750}.smo-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#9ca5b2}.smo-badge.ok{background:#eaf8f1;color:#14724f}.smo-badge.ok:before{background:#27aa77}.smo-badge.warn{background:#fff5e7;color:#98610e}.smo-badge.warn:before{background:#e69a24}.smo-badge.bad{background:#fff0f0;color:#a83c3c}.smo-badge.bad:before{background:#df5a5a}.smo-badge.info{background:#edf3ff;color:#3d64b2}.smo-badge.info:before{background:#5984e6}
.smo-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.smo-toolbar-left,.smo-toolbar-right{display:flex;gap:7px;align-items:center}.smo-search-wrap{position:relative}.smo-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;color:#95a0b0;pointer-events:none}.smo-search{min-width:280px;height:35px;border:1px solid var(--smo-line)!important;border-radius:8px!important;padding:7px 10px 7px 31px!important;box-shadow:none!important;background:#fff!important;font-size:10.5px!important}.smo-search:focus{border-color:#ef9da3!important;box-shadow:0 0 0 3px rgba(227,6,19,.08)!important}.smo-filter{height:35px;border:1px solid var(--smo-line);background:#fff;border-radius:8px;padding:0 9px;font-size:10px;color:#5e6a7d}
.smo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smo-field{display:flex;flex-direction:column;gap:5px}.smo-field.full{grid-column:1/-1}.smo-field label{font-size:10px;color:var(--smo-muted);font-weight:700}.smo-field input,.smo-field select,.smo-field textarea{width:100%;max-width:none;border:1px solid var(--smo-line);border-radius:8px;padding:8px 9px;background:#fff;box-shadow:none;font-size:11px}.smo-field input:focus,.smo-field select:focus,.smo-field textarea:focus{border-color:#ef9da3;box-shadow:0 0 0 3px rgba(227,6,19,.08);outline:0}.smo-field textarea{min-height:80px}.smo-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.smo-modal{position:fixed;inset:0;background:rgba(12,19,28,.48);z-index:99999;display:none;align-items:flex-start;justify-content:flex-end}.smo-modal.open{display:flex}.smo-modal-card{width:min(570px,92vw);height:100%;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.16);padding:25px;overflow:auto;position:relative}.smo-modal-close{position:absolute;right:15px;top:11px;border:0;background:none;font-size:27px;color:#6c7683;cursor:pointer}.smo-modal h2{font-size:18px;margin:0 0 18px}.smo-toast{position:fixed;right:24px;bottom:24px;background:#172128;color:#fff;padding:11px 15px;border-radius:9px;box-shadow:0 16px 40px rgba(0,0,0,.2);z-index:100000;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;font-size:11px}.smo-toast.show{opacity:1;transform:none}.smo-toast.error{background:#9f2f2f}
.smo-pos{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(330px,.75fr);gap:14px;align-items:start}.smo-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.smo-product-card{border:1px solid var(--smo-line);border-radius:11px;padding:10px;background:#fff;cursor:pointer;transition:.14s;position:relative;min-height:124px}.smo-product-card:hover{border-color:#f2a6ab;box-shadow:0 7px 20px rgba(227,6,19,.07);transform:translateY(-1px)}.smo-product-thumb{height:56px;border-radius:8px;background:linear-gradient(135deg,#fff3f4,#ffe7e9);display:flex;align-items:center;justify-content:center;margin-bottom:9px;color:#d1000d;font-size:16px;font-weight:800;letter-spacing:-.03em}.smo-product-card b{display:block;margin-bottom:3px;font-size:10.5px;line-height:1.3}.smo-product-card small{color:var(--smo-muted);font-size:8.5px}.smo-product-price{margin-top:7px;font-size:12px;font-weight:800;color:#182638}.smo-stock-chip{position:absolute;right:8px;top:8px;background:#fff;border:1px solid #dfe5e9;border-radius:6px;padding:2px 5px;font-size:8px;color:#768398}.smo-cart{position:sticky;top:94px}.smo-cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.smo-cart-head h2{font-size:13.5px;margin:0}.smo-cart-no{font-size:8.5px;color:#8f9aaa}.smo-cart-line{display:grid;grid-template-columns:1fr 50px 78px 20px;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid var(--smo-line);font-size:10px}.smo-cart-line input{width:100%;border:1px solid var(--smo-line);border-radius:6px;padding:5px;font-size:10px}.smo-cart-total{font-size:22px;font-weight:800;letter-spacing:-.04em}.smo-payment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.smo-payment{border:1px solid var(--smo-line);border-radius:7px;padding:7px 5px;text-align:center;font-size:9px;color:#6f7c8f;background:#fff}.smo-payment.active{border-color:#ef9da3;background:#fff2f3;color:#c6000c;font-weight:750}.smo-empty{padding:42px 18px;text-align:center;color:var(--smo-muted);font-size:11px}
.smo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.smo-feature{padding:15px;border:1px solid var(--smo-line);border-radius:11px;background:#fff}.smo-feature h3{font-size:11.5px;margin:0 0 6px}.smo-feature p{margin:0;color:var(--smo-muted);font-size:9.5px;line-height:1.55}.smo-feature .status{margin-top:10px;font-size:9px;font-weight:750;color:var(--smo-brand)}
.smo-note{padding:11px 13px;background:#f0f7f4;border:1px solid #d9ebe3;border-radius:9px;color:#375b4e;font-size:10.5px;line-height:1.5}.smo-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#111922;color:#d5e1ea;border-radius:10px;padding:15px;overflow:auto;font-size:10.5px}
.smo-statline{display:flex;gap:18px;align-items:center}.smo-statmini span{display:block;color:#8d98a8;font-size:8.5px}.smo-statmini b{font-size:12px;margin-top:2px;display:block}.smo-progress{height:5px;background:#edf0f3;border-radius:999px;overflow:hidden}.smo-progress>i{display:block;height:100%;background:var(--smo-brand);border-radius:inherit}
@media(max-width:1220px){.smo-app{grid-template-columns:216px 1fr}.smo-sidebar{width:216px}.smo-grid-4{grid-template-columns:repeat(2,1fr)}.smo-product-grid{grid-template-columns:repeat(3,1fr)}.smo-command{display:none}}
@media(max-width:900px){.smo-app{display:block}.smo-sidebar{transform:translateX(-100%);transition:.2s}.smo-sidebar.open{transform:none}.smo-content{grid-column:auto}.smo-topbar{padding:0 15px;height:68px}.smo-profile-meta,.smo-sync{display:none}#smo-main{padding:16px}.smo-pos{grid-template-columns:1fr}.smo-cart{position:static}.smo-quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.smo-grid-4,.smo-grid-3,.smo-grid-2{grid-template-columns:1fr}.smo-product-grid{grid-template-columns:repeat(2,1fr)}.smo-form-grid{grid-template-columns:1fr}.smo-feature-grid{grid-template-columns:1fr}.smo-toolbar{align-items:stretch;flex-direction:column}.smo-toolbar-left,.smo-toolbar-right{width:100%;flex-wrap:wrap}.smo-search{min-width:0;width:100%}.smo-page-intro{align-items:flex-start;flex-direction:column}.smo-period{width:100%;overflow:auto}.smo-quick-actions{grid-template-columns:1fr 1fr}}
.smo-cart-head>svg{width:18px;height:18px;color:#7d899b;flex:none}
/* V1.2: portal, mobile navigation, authentication and granular ACL */
body.smo-portal-body,body.smo-auth-body{margin:0!important;background:var(--smo-bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.smo-app-frontend{min-height:100dvh}.smo-top-left{display:flex;align-items:center;gap:10px}.smo-mobile-menu,.smo-mobile-close{display:none}.smo-mobile-overlay{display:none}
.smo-modal-lead{margin:-8px 0 16px;color:var(--smo-muted);font-size:11px;line-height:1.55}.smo-perm-head{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 10px}.smo-perm-head h3{font-size:13px;margin:0}.smo-perm-head p{font-size:9.5px;color:var(--smo-muted);margin:3px 0 0}.smo-perm-head span{font-size:9px;font-weight:800;color:var(--smo-brand);background:var(--smo-brand-soft);padding:5px 7px;border-radius:7px}.smo-permission-groups{display:flex;flex-direction:column;gap:9px}.smo-permission-group{border:1px solid var(--smo-line);border-radius:10px;overflow:hidden}.smo-permission-group-title{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-bottom:1px solid var(--smo-line);padding:9px 10px}.smo-permission-group-title b{font-size:10.5px}.perm-toggle{border:0;background:none;color:var(--smo-brand);font-size:9px;font-weight:750;cursor:pointer}.smo-permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.smo-permission{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-bottom:1px solid #f0f2f5;cursor:pointer;min-height:48px}.smo-permission:nth-last-child(-n+2){border-bottom:0}.smo-permission input{margin:2px 0 0}.smo-permission b{display:block;font-size:9.5px;color:#344156}.smo-permission small{display:block;font-size:7.5px;color:#9aa4b3;margin-top:2px}.smo-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.smo-role-card{background:#fff;border:1px solid var(--smo-line);border-radius:11px;padding:14px}.smo-role-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.smo-role-top span{font-size:7.5px;font-weight:800;letter-spacing:.08em;color:#97a2b1}.smo-role-top h3{font-size:12px;margin:3px 0 0}.smo-role-top strong{font-size:20px;color:var(--smo-brand)}.smo-role-card p{font-size:9px;line-height:1.5;color:var(--smo-muted);min-height:28px}.smo-role-foot{display:flex;justify-content:space-between;align-items:center;padding-top:9px;border-top:1px solid #eef1f4;font-size:8.5px;color:#8793a5}.smo-role-foot button{border:0;background:none;color:var(--smo-red);font-size:8.5px;cursor:pointer}.smo-user-cell{display:flex;gap:8px;align-items:center}.smo-user-cell small{display:block}.smo-user-mini{width:28px;height:28px;border-radius:8px;background:#edf7f3;color:var(--smo-brand);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.smo-card fieldset{border:0;padding:0;margin:0}.smo-card fieldset:disabled{opacity:.72}

.smo-auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.68fr);background:#fff}.smo-auth-showcase{padding:46px 6vw;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(227,6,19,.16),transparent 30%),linear-gradient(145deg,#0f1826,#142235);color:#fff;display:flex;flex-direction:column}.smo-auth-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;width:max-content}.smo-auth-brandmark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#ff3442,#e30613);display:grid;place-items:center;font-weight:850}.smo-auth-brand b{display:block;font-size:14px}.smo-auth-brand small{display:block;color:#7f91a8;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.smo-auth-copy{max-width:650px;margin:auto 0 34px}.smo-auth-kicker{font-size:9px;font-weight:800;letter-spacing:.15em;color:#ff7b83}.smo-auth-copy h1{font-size:44px;line-height:1.06;letter-spacing:-.045em;margin:14px 0 17px}.smo-auth-copy p{font-size:13px;line-height:1.7;color:#aebbc9;max-width:560px}.smo-auth-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.smo-auth-benefits span{font-size:9.5px;padding:7px 9px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:8px;color:#d3dce6}.smo-auth-preview{width:min(620px,95%);border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#f5f7fb;box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden}.smo-auth-preview-top{height:30px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;gap:5px;padding:0 10px}.smo-auth-preview-top i{width:6px;height:6px;border-radius:50%;background:#d7dee6}.smo-auth-preview-body{height:245px;display:grid;grid-template-columns:96px 1fr}.smo-auth-preview-body aside{background:#111a29}.smo-auth-preview-body main{padding:13px}.p-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.p-kpis i{height:50px;border:1px solid #e2e7ed;background:#fff;border-radius:7px}.p-chart{height:125px;margin-top:8px;border:1px solid #e2e7ed;background:linear-gradient(to top,rgba(227,6,19,.06),transparent),#fff;border-radius:7px}.smo-auth-panel{display:grid;place-items:center;padding:34px;background:#fbfcfd}.smo-auth-card{width:min(420px,100%)}.smo-auth-back{display:inline-block;text-decoration:none;color:#8793a5;font-size:9px;font-weight:700;margin-bottom:30px}.smo-auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--smo-line);margin-bottom:24px}.smo-auth-tabs a{text-align:center;text-decoration:none;padding:10px;color:#8b96a6;font-size:10.5px;font-weight:750;border-bottom:2px solid transparent}.smo-auth-tabs a.active{color:var(--smo-brand);border-bottom-color:var(--smo-brand)}.smo-auth-heading h2{font-size:26px;letter-spacing:-.035em;margin:0}.smo-auth-heading p{font-size:11px;color:var(--smo-muted);margin:7px 0 21px}.smo-auth-error{padding:10px 11px;border-radius:8px;background:#fff1f1;border:1px solid #ffdada;color:#a44141;font-size:10px;margin-bottom:14px}.smo-auth-form{display:flex;flex-direction:column;gap:11px}.smo-auth-form label{font-size:9.5px;color:#607087;font-weight:700}.smo-auth-form input:not([type=checkbox]){display:block;width:100%;height:40px;border:1px solid var(--smo-line);border-radius:9px;background:#fff;margin-top:5px;padding:0 11px;font-size:11px;outline:0}.smo-auth-form input:focus{border-color:#ef9da3;box-shadow:0 0 0 3px rgba(227,6,19,.08)}.smo-auth-form button{height:42px;border:0;border-radius:9px;background:var(--smo-brand);color:#fff;font-weight:800;font-size:11px;cursor:pointer;margin-top:3px}.smo-auth-check{display:flex;align-items:center;gap:6px}.smo-auth-check input{margin:0}.smo-auth-terms{font-size:8.5px;line-height:1.5;color:#9aa4b2;text-align:center}

@media(max-width:1100px){.smo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smo-auth-shell{grid-template-columns:1fr 430px}.smo-auth-copy h1{font-size:37px}}
@media(max-width:900px){.smo-mobile-menu{display:grid;width:36px;height:36px;border:1px solid var(--smo-line);border-radius:9px;background:#fff;place-items:center;font-size:16px;color:#4a566a}.smo-mobile-close{display:block;margin-left:auto;border:0;background:none;color:#93a0b4;font-size:23px;cursor:pointer}.smo-mobile-overlay{position:fixed;inset:0;background:rgba(10,16,24,.46);z-index:70}.smo-mobile-overlay.show{display:block}.smo-sidebar{z-index:90}.smo-topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.smo-title-icon{display:none}.smo-topbar h1{font-size:15px}.smo-icon-btn:nth-of-type(2){display:none}.smo-auth-shell{grid-template-columns:1fr}.smo-auth-showcase{display:none}.smo-auth-panel{min-height:100dvh;padding:24px}.smo-role-grid{grid-template-columns:1fr 1fr}.smo-permission-list{grid-template-columns:1fr}}
@media(max-width:620px){#smo-main{padding:13px 12px 40px}.smo-topbar{height:62px}.smo-page-title{gap:7px}.smo-eyebrow{font-size:7px}.smo-top-actions{gap:5px}.smo-profile{padding-left:5px;border-left:0}.smo-avatar{width:31px;height:31px}.smo-icon-btn{width:32px;height:32px}.smo-actions{width:100%}.smo-actions .smo-btn{flex:1}.smo-table-wrap{margin-left:-1px;margin-right:-1px;border-radius:10px}.smo-table{min-width:650px}.smo-cart-line{grid-template-columns:1fr 44px 70px 18px}.smo-modal-card{width:100vw;max-width:none;padding:20px 15px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.smo-role-grid{grid-template-columns:1fr}.smo-perm-head{align-items:flex-start;gap:8px}.smo-auth-panel{padding:18px}.smo-auth-card{width:100%}.smo-auth-heading h2{font-size:23px}}

/* ===== Shop Manager OS v1.4 · Shop.com.vn red system ===== */
:root{--smo-brand:#e30613;--smo-brand2:#b9000b;--smo-brand-soft:#fff0f1;--smo-nav:#121820;--smo-nav2:#18202a;--smo-red:#e30613;--smo-red-soft:#fff0f1}
.smo-app,body.smo-portal-body,body.smo-auth-body{font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.smo-sidebar{background:linear-gradient(180deg,#121820 0%,#0d131a 100%)}
.smo-brandbox{height:76px;padding:0 12px}.smo-logo-card{height:48px;width:100%;background:#fff;border-radius:9px;display:flex;align-items:center;padding:7px 10px;overflow:hidden}.smo-logo-card img{display:block;max-width:176px;max-height:34px;width:auto;height:auto;object-fit:contain;object-position:left center}
.smo-navitem.active{background:linear-gradient(90deg,rgba(227,6,19,.96),rgba(227,6,19,.82));box-shadow:0 8px 18px rgba(227,6,19,.14)}.smo-navitem.active svg{color:#fff}.smo-navitem.active:before{background:#ff5b65}.smo-title-icon{color:var(--smo-brand);background:#fff7f7}.smo-avatar{background:linear-gradient(135deg,#ffeff0,#ffdadd);color:#be000b}.smo-btn{background:var(--smo-brand);box-shadow:0 5px 15px rgba(227,6,19,.14)}.smo-btn:hover{background:var(--smo-brand2)}.smo-period button.active{background:#fff0f1;color:#c7000c}.smo-progress>i{background:var(--smo-brand)}.smo-progress.red>i{background:linear-gradient(90deg,#e30613,#ff5963)}.smo-perm-head span{color:var(--smo-brand);background:var(--smo-brand-soft)}.smo-role-top strong{color:var(--smo-brand)}.smo-user-mini{background:#fff0f1;color:var(--smo-brand)}
.smo-login-path{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:9px 10px;border-radius:9px;margin-bottom:8px}.smo-login-path svg{width:16px;height:16px;color:#ff5963}.smo-login-path b{display:block;font-size:10px}.smo-login-path small{display:block;color:#8996a8;font-size:8.5px;margin-top:2px}.smo-storeavatar{background:#3a1720;color:#ffccd0}.smo-online-dot{background:#42c98c}
.smo-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.smo-kpi-icon.red{background:#fff0f1;color:#e30613}.smo-kpi strong{font-family:Manrope,Inter,sans-serif}.smo-intro-actions{display:flex;align-items:center;gap:10px}
.smo-demo-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:linear-gradient(105deg,#fff5f6,#fff);border:1px solid #ffdadd;border-radius:13px;padding:14px 16px;margin-bottom:16px;box-shadow:0 8px 25px rgba(227,6,19,.045)}.smo-demo-icon{width:40px;height:40px;border-radius:11px;background:#e30613;color:#fff;display:grid;place-items:center}.smo-demo-icon svg{width:18px}.smo-demo-banner b{display:block;font-size:12px}.smo-demo-banner span{display:block;color:#7d8795;font-size:9.8px;line-height:1.55;margin-top:3px}.smo-demo-actions{display:flex;gap:7px}
.smo-dashboard-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr) minmax(260px,.72fr);gap:14px}.smo-dashboard-chart{min-height:270px}.smo-chart-head h2{font-size:13.5px;margin:0}.smo-chart-head span{font-size:9px;color:#8d98aa}.smo-donut-wrap{display:grid;grid-template-columns:124px 1fr;gap:16px;align-items:center;padding-top:12px}.smo-donut{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;position:relative}.smo-donut:after{content:"";position:absolute;inset:23px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #f0f1f3}.smo-donut>div{position:relative;z-index:1;text-align:center}.smo-donut small,.smo-donut span{display:block;color:#919baa;font-size:8px}.smo-donut b{display:block;font:800 18px Manrope,Inter,sans-serif;margin:1px 0}.smo-cat-list{display:flex;flex-direction:column;gap:8px}.smo-cat-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:9.5px}.smo-cat-row i{width:7px;height:7px;border-radius:2px}.smo-cat-row span{color:#586579}.smo-cat-row b{font-size:9px}.smo-channel-list{display:flex;flex-direction:column;gap:13px;padding-top:6px}.smo-channel-top{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;margin-bottom:6px}.smo-channel-top span{font-weight:750}.smo-channel-top b{font-size:9px}.smo-dashboard-lower{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr) minmax(260px,.75fr) minmax(250px,.67fr);gap:14px;align-items:stretch}.smo-alert-count{background:#e30613;color:#fff;min-width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:800}.smo-alert a{margin-left:auto;color:#e30613;text-decoration:none;font-size:8.5px;font-weight:800}.smo-timeline{display:flex;flex-direction:column}.smo-timeline-item{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:7px 0;border-bottom:1px solid #f0f2f5}.smo-timeline-item:last-child{border:0}.smo-timeline-item>i{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#49b57e;box-shadow:0 0 0 3px #edf8f3}.smo-timeline-item>i.red{background:#e30613;box-shadow:0 0 0 3px #fff0f1}.smo-timeline-item>i.blue{background:#3e78e5;box-shadow:0 0 0 3px #eef4ff}.smo-timeline-item b{display:block;font-size:9.5px;text-transform:capitalize}.smo-timeline-item span{display:block;color:#7f8998;font-size:8px;margin-top:1px}.smo-timeline-item small{display:block;color:#a1a9b5;font-size:7.5px;margin-top:2px}.smo-system-card dl{margin:0}.smo-system-card dl>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eff1f4}.smo-system-card dt{font-size:9px;color:#687587}.smo-system-card dd{margin:0;color:#e30613;border:1px solid #ffcfd2;background:#fff7f7;border-radius:5px;padding:2px 5px;font-size:8.5px;font-weight:800}.smo-system-path{display:flex;align-items:center;gap:8px;text-decoration:none;color:#3e4958;margin-top:10px;padding:9px;border-radius:8px;background:#f8f9fb}.smo-system-path svg{width:16px;color:#e30613}.smo-system-path b{display:block;font-size:9.5px}.smo-system-path small{display:block;color:#e30613;font-size:8px;margin-top:2px}
.smo-auth-showcase{background:radial-gradient(circle at 75% 16%,rgba(227,6,19,.18),transparent 32%),linear-gradient(145deg,#161a21,#202631)}.smo-auth-brandmark{background:#e30613}.smo-auth-kicker{color:#ff6b74}.smo-auth-tabs a.active{color:#e30613;border-bottom-color:#e30613}.smo-auth-form input:focus{border-color:#ef8c93;box-shadow:0 0 0 3px rgba(227,6,19,.07)}.smo-auth-form button{background:#e30613}.smo-auth-benefits span{border-color:rgba(255,255,255,.12)}
@media(max-width:1460px){.smo-grid-6{grid-template-columns:repeat(3,1fr)}.smo-dashboard-lower{grid-template-columns:1fr 1.6fr 1fr}.smo-system-card{grid-column:1/-1}}
@media(max-width:1180px){.smo-dashboard-main{grid-template-columns:1.4fr 1fr}.smo-dashboard-main>div:last-child{grid-column:1/-1}.smo-grid-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.smo-logo-card{width:170px}.smo-demo-banner{grid-template-columns:auto 1fr}.smo-demo-actions{grid-column:1/-1}.smo-dashboard-main,.smo-dashboard-lower{grid-template-columns:1fr}.smo-dashboard-main>div:last-child,.smo-system-card{grid-column:auto}.smo-intro-actions{width:100%;justify-content:space-between}.smo-grid-6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.smo-grid-6{grid-template-columns:1fr 1fr}.smo-demo-banner{grid-template-columns:1fr}.smo-demo-icon{display:none}.smo-demo-actions{grid-column:auto}.smo-demo-actions .smo-btn{flex:1}.smo-intro-actions{align-items:stretch;flex-direction:column}.smo-donut-wrap{grid-template-columns:105px 1fr}.smo-donut{width:105px;height:105px}.smo-donut:after{inset:20px}}
.smo-auth-v13{min-height:100dvh;background:linear-gradient(135deg,#fff 0%,#fff 70%,#fff4f5 100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);grid-template-rows:1fr auto}.smo-auth-v13-info{padding:34px clamp(30px,6vw,105px);display:flex;flex-direction:column;justify-content:center}.smo-auth-logo-v13{width:360px;max-width:88%;display:block;margin-bottom:26px}.smo-auth-logo-v13 img{display:block;width:100%;height:auto}.smo-auth-v13-copy{max-width:550px}.smo-auth-v13-copy h1{font:800 24px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.03em;margin:0 0 10px}.smo-auth-v13-copy p{font-size:12px;line-height:1.65;color:#606b79;margin:0}.smo-auth-v13-features{margin-top:24px;max-width:560px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.smo-auth-v13-features>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #eceef1;border-radius:10px;background:#fff}.smo-auth-v13-features>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff0f1;color:#e30613;font-weight:850}.smo-auth-v13-features b{display:block;font-size:10.5px}.smo-auth-v13-features small{display:block;font-size:8.5px;color:#778292;margin-top:2px;line-height:1.4}.smo-auth-version-v13{margin-top:14px;border:1px solid #e7e9ed;border-radius:11px;padding:12px 14px;max-width:560px;background:#fff}.smo-auth-version-v13 h3{font-size:10.5px;margin:0 0 8px}.smo-auth-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.smo-auth-version-grid span{font-size:8.5px;color:#596678}.smo-auth-version-grid span::first-letter{color:#28a964}.smo-auth-v13-panel{display:grid;place-items:center;padding:36px clamp(28px,6vw,105px)}.smo-auth-v13-card{width:min(620px,100%);border:1px solid #e3e5e9;border-radius:18px;padding:32px clamp(28px,4vw,64px);background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(30,35,42,.08);text-align:center}.smo-auth-lock{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 10px;border-radius:15px;background:#fff0f1;color:#e30613;font-size:26px;font-weight:900}.smo-auth-v13-card>h2{font:800 29px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:0}.smo-auth-v13-card>p{font-size:11px;color:#707b89;line-height:1.55;max-width:450px;margin:9px auto 18px}.smo-auth-v13-card .smo-auth-tabs{margin:0 0 18px}.smo-auth-v13-card .smo-auth-form{text-align:left}.smo-auth-v13-card .smo-auth-form input:not([type=checkbox]){height:46px;font-size:12px}.smo-auth-v13-card .smo-auth-form button{height:46px;background:#e30613;font-size:12px}.smo-auth-v13-row{display:flex;align-items:center;justify-content:space-between;font-size:9px}.smo-auth-v13-row a,.smo-auth-switch a{color:#e30613;text-decoration:none;font-weight:750}.smo-auth-switch{margin:14px 0 0;padding:11px;border:1px solid #ffd6d9;border-radius:8px;color:#7c8795;font-size:9.5px}.smo-auth-path-v13{display:flex;align-items:center;gap:9px;text-align:left;background:#f8f9fb;border:1px solid #eceef1;border-radius:9px;padding:10px 11px;margin-top:12px}.smo-auth-path-v13>span{width:30px;height:30px;border-radius:8px;background:#fff;display:grid;place-items:center;color:#e30613}.smo-auth-path-v13 small{display:block;color:#8b95a3;font-size:7.5px}.smo-auth-path-v13 b{display:block;color:#e30613;font-size:9.5px;margin-top:2px;word-break:break-all}.smo-auth-v13-footer{grid-column:1/-1;border-top:1px solid #eceef1;display:grid;grid-template-columns:repeat(3,1fr);padding:16px clamp(30px,6vw,105px);gap:20px;background:#fff}.smo-auth-v13-footer div{text-align:center}.smo-auth-v13-footer b{display:block;font-size:9px}.smo-auth-v13-footer span{display:block;font-size:8px;color:#89929f;margin-top:3px}
@media(max-width:1000px){.smo-auth-v13{grid-template-columns:1fr}.smo-auth-v13-info{display:none}.smo-auth-v13-panel{min-height:calc(100dvh - 70px);padding:24px}.smo-auth-v13-footer{grid-template-columns:1fr 1fr}.smo-auth-v13-footer div:last-child{display:none}}
@media(max-width:620px){.smo-auth-v13-card{padding:25px 18px;border-radius:14px}.smo-auth-v13-card>h2{font-size:24px}.smo-auth-v13-footer{grid-template-columns:1fr;padding:13px 18px}.smo-auth-v13-footer div:nth-child(2){display:none}}

/* v1.4.0 — sample data visibility + platform-owner controls */
.smo-navitem.smo-nav-demo{border:1px solid rgba(255,72,82,.16);background:rgba(227,6,19,.07)}
.smo-navitem.smo-nav-demo:hover,.smo-navitem.smo-nav-demo.active{background:linear-gradient(90deg,rgba(227,6,19,.24),rgba(227,6,19,.08));border-color:rgba(255,80,90,.26)}
.smo-navitem.smo-nav-demo.active:before{background:#e30613}
.smo-navitem.smo-nav-demo svg{color:#ff7078}
.smo-navitem.smo-nav-demo em{margin-left:auto;font-style:normal;font-size:7px;line-height:1;background:#e30613;color:#fff;padding:4px 5px;border-radius:999px;letter-spacing:.06em;font-weight:850}
.smo-top-demo{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;background:#e30613;color:#fff!important;text-decoration:none;font-size:10px;font-weight:800;box-shadow:0 6px 16px rgba(227,6,19,.14)}
.smo-top-demo:hover{background:#be000b}
.smo-demo-page-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:25px;border:1px solid #ffdadd;border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(227,6,19,.10),transparent 26%),linear-gradient(135deg,#fff6f7,#fff);box-shadow:0 14px 36px rgba(227,6,19,.055)}
.smo-demo-page-hero.done{border-color:#d8eede;background:linear-gradient(135deg,#f4fbf7,#fff)}
.smo-demo-page-icon{width:54px;height:54px;border-radius:15px;background:#e30613;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(227,6,19,.18)}
.smo-demo-page-hero.done .smo-demo-page-icon{background:#1b9b64;box-shadow:0 12px 28px rgba(27,155,100,.15)}
.smo-demo-page-icon svg{width:23px;height:23px}
.smo-demo-page-copy>span{display:block;color:#e30613;font-size:8px;letter-spacing:.14em;font-weight:900;margin:2px 0 6px}
.smo-demo-page-hero.done .smo-demo-page-copy>span{color:#18895d}
.smo-demo-page-copy h2{font:800 24px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 8px;color:#192131}
.smo-demo-page-copy p{max-width:860px;color:#6e7988;font-size:11px;line-height:1.65;margin:0}
.smo-demo-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}
.smo-demo-stats{margin-top:14px}.smo-demo-note{margin-top:18px}
@media(max-width:1180px){.smo-command{display:none}.smo-top-demo{display:inline-flex}}
@media(max-width:760px){.smo-top-demo{height:34px;padding:0 9px;font-size:9px}.smo-demo-page-hero{grid-template-columns:1fr;padding:18px}.smo-demo-page-icon{width:46px;height:46px}.smo-demo-page-copy h2{font-size:20px}.smo-demo-page-actions{display:grid;grid-template-columns:1fr 1fr}.smo-demo-page-actions .smo-btn{width:100%}.smo-demo-stats{grid-template-columns:1fr!important}}
@media(max-width:480px){.smo-top-demo{display:none}.smo-demo-page-actions{grid-template-columns:1fr}}


/* V1.4 brand audit: Shop.com.vn red/white, high contrast */
.smo-app{--smo-text:#171a20;--smo-muted:#697483;--smo-line:#e7e9ed}
.smo-page-intro h2,.smo-section-head h2,.smo-topbar h1,.smo-card h2,.smo-card h3{color:#171a20}
.smo-eyebrow,.smo-page-intro a:not(.smo-btn){color:var(--smo-brand)}
.smo-navitem.active{box-shadow:inset 0 0 0 1px rgba(255,87,96,.08)}
.smo-title-icon{background:#fff5f5;border-color:#ffdadd;color:#e30613}
.smo-btn{background:#e30613}.smo-btn:hover{background:#b9000b}.smo-btn-soft{background:#fff;color:#3f4958}.smo-btn-danger{color:#c72b34}
.smo-sparkline,.smo-bar{accent-color:#e30613}.smo-top-store{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border-radius:9px;border:1px solid #ffd2d5;background:#fff7f7;color:#d4000d!important;text-decoration:none;font-size:10px;font-weight:800}.smo-top-store:hover{background:#fff0f1}
.smo-system-card dd{color:#d9000d}.smo-system-path small{color:#d9000d}

/* Storefront visual editor */
.smo-storefront-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:16px;align-items:start}.smo-storefront-editor>aside{position:sticky;top:96px}.smo-storefront-form-title{font:800 12px Manrope,Inter,sans-serif;color:#171a20;margin:20px 0 10px;padding-top:16px;border-top:1px solid var(--smo-line)}
.smo-storefront-preview{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 36px rgba(20,25,31,.07)}.smo-storefront-preview-top{height:48px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #eceef1;font-size:7.5px;color:#4c5663}.smo-storefront-preview-top img{width:100px;margin-right:auto}.smo-storefront-preview-top b{background:#e30613;color:#fff;padding:6px 8px;border-radius:6px}.smo-storefront-preview-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;align-items:center;min-height:190px;padding:20px;background:linear-gradient(135deg,#fff2f3,#fff)}.smo-storefront-preview-hero small{color:#e30613;font-size:6.5px;font-weight:900;letter-spacing:.12em}.smo-storefront-preview-hero h3{font:800 20px/1.08 Manrope,Inter,sans-serif;margin:5px 0 6px;color:#171a20}.smo-storefront-preview-hero p{font-size:7.5px;line-height:1.5;color:#707a87}.smo-storefront-preview-hero button{border:0;background:#e30613;color:#fff;border-radius:6px;padding:7px 9px;font-size:7px;font-weight:800}.smo-storefront-preview-art{height:130px;border-radius:11px;background:#fff;display:grid;place-items:center;color:#e30613;font:900 25px Manrope,Inter,sans-serif;box-shadow:0 10px 25px rgba(25,30,36,.07)}.smo-storefront-preview-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px;background:#fafbfc}.smo-storefront-preview-cats span{padding:8px 6px;border:1px solid #eceef1;border-radius:7px;background:#fff;font-size:6.5px;text-align:center;color:#4d5866}.smo-storefront-guide{margin-top:12px}.smo-storefront-guide h3{font-size:12px;margin:0 0 10px}.smo-storefront-guide p{font-size:9px;line-height:1.5;color:#6f7a89;margin:7px 0}.smo-storefront-guide p b{color:#1b232e}
@media(max-width:1050px){.smo-storefront-editor{grid-template-columns:1fr}.smo-storefront-editor>aside{position:static}.smo-top-store{display:none}}

/* V1.4.0 contrast + Shop.com.vn red/white audit */
.smo-navitem.active,.smo-navitem.active span,.smo-navitem.active b,.smo-navitem.active small{color:#fff!important}
.smo-navitem.active svg{color:#fff!important}
.smo-btn:not(.smo-btn-soft):not(.smo-btn-danger),.smo-top-demo,.smo-alert-count,.smo-demo-page-icon{color:#fff!important}
.smo-btn:not(.smo-btn-soft):not(.smo-btn-danger) svg{color:currentColor!important}
.smo-kpi-icon.red,.smo-kpi-icon.green,.smo-kpi-icon.blue,.smo-kpi-icon.orange,.smo-kpi-icon.purple{background:#fff0f1!important;color:#e30613!important}
.smo-timeline-item>i,.smo-timeline-item>i.green{background:#e30613!important;box-shadow:0 0 0 3px #fff0f1!important}
.smo-timeline-item>i.blue{background:#ff6872!important;box-shadow:0 0 0 3px #fff4f5!important}
.smo-timeline-item>i.red{background:#b9000b!important;box-shadow:0 0 0 3px #fff0f1!important}
.smo-order-online-note{margin:0 0 14px;border-left:3px solid #e30613;background:#fff7f7}
.smo-row-actions{display:flex;justify-content:flex-end;gap:6px;white-space:nowrap}
.smo-table td .smo-btn{vertical-align:middle}
.smo-image-field .smo-image-upload{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--smo-line);border-radius:14px;background:#fbfcfd}.smo-image-preview{aspect-ratio:16/9;border:1px dashed #d8dde5;border-radius:12px;background:linear-gradient(135deg,#fff2f3,#fff);display:grid;place-items:center;overflow:hidden;color:#e30613;font:800 22px/1 Manrope,Inter,sans-serif}.smo-image-preview img{width:100%;height:100%;object-fit:cover}.smo-image-meta{display:flex;flex-direction:column;gap:8px}.smo-image-actions{display:flex;flex-wrap:wrap;gap:8px}.smo-upload-btn,.smo-upload-clear{height:38px;padding:0 12px;border-radius:10px;border:1px solid #ffd2d5;background:#fff;font-size:10px;font-weight:800;color:#d4000d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.smo-upload-btn{background:#e30613;color:#fff;border-color:#e30613}.smo-upload-btn.loading{opacity:.7;pointer-events:none}.smo-image-recommend,.smo-image-note{display:block;font-size:9px;color:#788392;line-height:1.5}.smo-image-recommend{color:#d4000d;font-weight:700}
@media(max-width:720px){.smo-image-field .smo-image-upload{grid-template-columns:1fr}}
/* V1.4.2 detail popups */
.smo-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.smo-detail-head>div>span{display:block;color:#e30613;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:4px}.smo-detail-head h2{margin:0;font:800 24px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.03em;color:#171d25}.smo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.smo-detail-cell{border:1px solid var(--smo-line);border-radius:11px;background:#fbfcfd;padding:12px;min-height:70px}.smo-detail-cell.full{grid-column:1/-1}.smo-detail-cell small{display:block;color:#8b95a2;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.smo-detail-cell>div{font-size:11px;line-height:1.55;font-weight:650;color:#252d37;word-break:break-word}.smo-detail-section{margin-top:18px}.smo-detail-section>h3{font:800 13px Manrope,Inter,sans-serif;margin:0 0 9px}.smo-detail-section .smo-table-wrap{box-shadow:none}.smo-detail-product{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.smo-detail-imagebox{aspect-ratio:16/9;border:1px solid var(--smo-line);border-radius:12px;overflow:hidden;background:#fff7f7;display:grid;place-items:center}.smo-detail-product-image{width:100%;height:100%;object-fit:cover}.smo-detail-product-image.logo{object-fit:contain;padding:28px}.smo-modal-card{width:min(920px,calc(100vw - 32px));max-height:88vh;overflow:auto}.smo-row-actions{flex-wrap:wrap}
@media(max-width:720px){.smo-detail-grid{grid-template-columns:1fr}.smo-detail-cell.full{grid-column:auto}.smo-detail-product{grid-template-columns:1fr}.smo-detail-head{flex-direction:column}.smo-modal-card{width:min(100% - 18px,920px)}}
/* Customer Edition brand editor */
.smo-field input[type="color"]{width:100%;height:44px;padding:4px;border:1px solid var(--smo-line);border-radius:10px;background:#fff;cursor:pointer}.smo-storefront-preview{--preview-primary:#e30613;--preview-secondary:#b9000b;--preview-soft:#fff5f6}.smo-storefront-preview-top b{background:var(--preview-primary)!important}.smo-storefront-preview-hero{background:linear-gradient(135deg,var(--preview-soft),#fff)!important}.smo-storefront-preview-hero small,.smo-storefront-preview-art{color:var(--preview-primary)!important}.smo-storefront-preview-hero button{background:var(--preview-primary)!important}.smo-storefront-preview-top img{height:28px;width:110px;object-fit:contain;object-position:left center}
/* v1.6.0 readable admin copy + real global search */
.smo-page-intro p{font-size:13.5px;line-height:1.65;max-width:850px}.smo-section-head p{font-size:12px;line-height:1.55}.smo-modal-lead{font-size:13px;line-height:1.65}.smo-field label{font-size:11.5px;color:#596575}.smo-field input,.smo-field select,.smo-field textarea{font-size:12.5px;padding:10px 11px}.smo-field textarea{min-height:105px}.smo-note{font-size:12px;line-height:1.65}.smo-role-card p{font-size:11px;line-height:1.6}.smo-perm-head p{font-size:11px}.smo-permission small{font-size:9.5px;line-height:1.45}
.smo-command{position:relative;min-width:310px;padding:0 9px 0 11px;background:#fff}.smo-command input{flex:1;min-width:0;height:34px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;font:500 11.5px/1 Inter,Manrope,sans-serif;color:#25303b}.smo-command input::placeholder{color:#98a2b2}.smo-command:focus-within{border-color:#ef9da3;box-shadow:0 0 0 3px rgba(227,6,19,.07)}.smo-search-results{display:none;position:absolute;left:0;right:0;top:43px;z-index:500;background:#fff;border:1px solid #e4e8ee;border-radius:13px;box-shadow:0 20px 55px rgba(17,24,39,.16);padding:7px;max-height:430px;overflow:auto}.smo-search-results.open{display:block}.smo-search-result{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:9px;text-decoration:none;color:#26313d}.smo-search-result:hover{background:#fff3f4}.smo-search-result>i{width:34px;height:34px;border-radius:9px;background:#fff0f1;color:#e30613;display:grid;place-items:center}.smo-search-result>i svg{width:16px}.smo-search-result span b,.smo-search-result span small{display:block}.smo-search-result span b{font-size:10.5px}.smo-search-result span small{font-size:9px;color:#8a94a1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smo-search-result em{font-style:normal;font-size:8px;color:#9aa3af;border:1px solid #eceef1;border-radius:999px;padding:3px 6px}.smo-search-state{padding:16px;text-align:center;color:#8c96a3;font-size:10.5px}.smo-search-state.error{color:#c71c27}
.smo-import-guide{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #f0e0e1;background:#fff8f8;border-radius:11px;margin-bottom:14px}.smo-import-guide span{font-size:11px;color:#6f7986}.smo-import-drop{min-height:150px;border:1.5px dashed #d7dce4;border-radius:13px;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer}.smo-import-drop input{max-width:320px;margin-bottom:12px}.smo-import-drop strong{font-size:13px;color:#303944}.smo-import-drop small{font-size:10.5px;color:#8b95a2;margin-top:5px}.smo-import-summary{margin-top:13px;padding:13px;border:1px solid #d8ecdf;background:#f3fbf6;border-radius:11px;color:#2c5e41;font-size:11px}.smo-import-summary b,.smo-import-summary span{display:block}.smo-import-summary span{margin-top:5px}.smo-import-summary details{margin-top:10px}.smo-import-summary ul{margin:7px 0 0;padding-left:18px;max-height:150px;overflow:auto}.smo-import-summary.bad{border-color:#f2d4d7;background:#fff7f7;color:#9f2530}
/* v1.7.0 data export, pagination, wiki, custom fields, smoother refresh */
#smo-main.smo-refreshing{opacity:.72;transition:opacity .14s ease;pointer-events:none}.smo-data-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px;padding:12px;border:1px solid var(--smo-line);border-radius:12px;background:#fff}.smo-data-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.smo-data-filters>label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:#687484}.smo-data-filters input[type=date],.smo-data-filters select{height:38px;border:1px solid var(--smo-line);border-radius:9px;background:#fff;padding:0 9px;font-size:11px;color:#34404d}.smo-data-filters .smo-search-wrap{height:38px;min-width:230px}.smo-data-filters .smo-search-wrap input{height:36px;border:0;background:transparent;font-size:11px;outline:0}.smo-data-export{display:flex;align-items:center;gap:10px}.smo-data-export span{font-size:10px;color:#727d8b}.smo-data-export span b{color:#e30613}.smo-check-col{width:42px!important;text-align:center!important}.smo-check-col input,.smo-selectable-table input[type=checkbox]{width:16px;height:16px;accent-color:#e30613}.smo-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--smo-line);border-radius:10px;background:#fff;font-size:10px;color:#697484}.smo-pagination>div{display:flex;gap:7px}.smo-pagination button:disabled{opacity:.4;cursor:not-allowed}.smo-export-scope{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 13px;border-radius:10px;background:#fff5f6;border:1px solid #ffd8db;font-size:10px;margin:12px 0}.smo-export-scope b{color:#c9000c}.smo-export-scope span{color:#76818f}.smo-export-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:360px;overflow:auto;padding:4px}.smo-export-fields label{display:flex;align-items:center;gap:7px;border:1px solid #eceff2;border-radius:9px;padding:9px;background:#fff;font-size:10px;color:#4e5966}.smo-export-fields label.all{grid-column:1/-1;background:#fafbfc}.smo-export-fields input{accent-color:#e30613}
.smo-custom-form-title{grid-column:1/-1;font:800 12px Manrope,Inter,sans-serif;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--smo-line);color:#1f2833}.smo-custom-resource{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #eef0f3;padding-bottom:14px;margin-bottom:12px}.smo-custom-resource label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800}.smo-custom-resource select{height:40px;min-width:210px;border:1px solid var(--smo-line);border-radius:9px;padding:0 10px;background:#fff}.smo-custom-resource p{font-size:11px;color:#737e8c;margin:0}.smo-custom-field-list{display:flex;flex-direction:column;gap:8px}.smo-custom-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e9ecf0;border-radius:10px;background:#fbfcfd}.smo-custom-field-row b,.smo-custom-field-row span,.smo-custom-field-row small{display:block}.smo-custom-field-row b{font-size:11px}.smo-custom-field-row span{font-size:9px;color:#7b8592;margin-top:3px}.smo-custom-field-row small{font-size:8.5px;color:#9aa2ae;margin-top:3px}
.smo-wiki-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.smo-wiki-nav{position:sticky;top:92px;padding:12px;max-height:calc(100vh - 115px);overflow:auto}.smo-wiki-search{height:40px;border:1px solid #e4e8ed;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:12px}.smo-wiki-search svg{width:16px;color:#8993a0}.smo-wiki-search input{width:100%;border:0;outline:0;font-size:11px}.smo-wiki-group{margin:12px 0}.smo-wiki-group>b{display:block;font-size:8px;color:#9aa3af;text-transform:uppercase;letter-spacing:.1em;padding:0 8px 5px}.smo-wiki-group button{width:100%;border:0;background:transparent;border-radius:8px;padding:8px;text-align:left;font-size:10px;color:#4e5967;cursor:pointer}.smo-wiki-group button:hover,.smo-wiki-group button.active{background:#fff1f2;color:#d3000d;font-weight:800}.smo-wiki-content{overflow:hidden}.smo-wiki-hero{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:20px;align-items:center;padding:30px;background:linear-gradient(135deg,#fff5f6,#fff)}.smo-wiki-hero>div>span{font-size:8px;color:#e30613;font-weight:900;letter-spacing:.13em}.smo-wiki-hero h1{font:800 31px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:8px 0}.smo-wiki-hero p{font-size:12px;line-height:1.65;color:#687482;max-width:620px}.smo-wiki-hero img{width:100%;border-radius:13px;border:1px solid #eceef1;box-shadow:0 14px 35px rgba(20,25,31,.08)}.smo-wiki-start{padding:24px}.smo-wiki-start h2{font:800 18px Manrope,Inter,sans-serif;margin:0 0 12px}.smo-wiki-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.smo-wiki-cards button{border:1px solid #e9ecf0;border-radius:11px;background:#fff;padding:14px;text-align:left;cursor:pointer}.smo-wiki-cards button:hover{border-color:#ffcfd3;box-shadow:0 9px 24px rgba(20,25,31,.06)}.smo-wiki-cards b,.smo-wiki-cards span{display:block}.smo-wiki-cards b{font-size:11px;color:#27313d}.smo-wiki-cards span{font-size:9.5px;line-height:1.5;color:#7a8592;margin-top:6px}.smo-wiki-article{max-width:880px;padding:28px 34px 46px}.smo-wiki-back{border:0;background:#fff1f2;color:#d3000d;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.smo-wiki-breadcrumb{display:block;color:#9aa3af;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin:18px 0 7px}.smo-wiki-article h2{font:800 28px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 14px}.smo-wiki-article h3{font:800 15px Manrope,Inter,sans-serif;margin:24px 0 8px}.smo-wiki-article p,.smo-wiki-article li{font-size:12px;line-height:1.75;color:#596574}.smo-wiki-article ol,.smo-wiki-article ul{padding-left:22px}.smo-wiki-tip,.smo-wiki-next{margin-top:18px;padding:13px 15px;border-left:3px solid #e30613;border-radius:8px;background:#fff7f7;font-size:11px;line-height:1.65;color:#596574}.smo-wiki-next{border-left-color:#dce2e8;background:#f8f9fb}
@media(max-width:980px){.smo-wiki-layout{grid-template-columns:1fr}.smo-wiki-nav{position:static;max-height:none}.smo-wiki-hero{grid-template-columns:1fr}.smo-wiki-hero img{max-width:520px}.smo-wiki-cards{grid-template-columns:1fr 1fr}.smo-export-fields{grid-template-columns:1fr 1fr}.smo-data-tools{align-items:stretch}.smo-data-export{justify-content:space-between;width:100%}}
@media(max-width:620px){.smo-data-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.smo-data-filters .smo-search-wrap{grid-column:1/-1;min-width:0}.smo-data-filters .smo-btn{width:100%}.smo-data-export{align-items:stretch;flex-direction:column}.smo-pagination{align-items:stretch;flex-direction:column}.smo-pagination>div button{flex:1}.smo-export-fields,.smo-wiki-cards{grid-template-columns:1fr}.smo-wiki-article{padding:22px 18px 38px}.smo-wiki-article h2{font-size:24px}.smo-custom-resource{align-items:stretch;flex-direction:column}}

/* v1.7.2 Mobile admin form/search focus behavior */
@media(max-width:820px){
 .smo-command input,.smo-search-wrap input,.smo-data-filters input,.smo-data-filters select,.smo-form-grid input,.smo-form-grid select,.smo-form-grid textarea,.smo-wiki-search input,.smo-modal input,.smo-modal select,.smo-modal textarea{font-size:16px!important}
 .smo-command{min-width:0}.smo-command input{height:38px}
}