@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap";.shop{--sp-ink:#172b3e;--sp-blue:#1766b0;--sp-line:#dce2e8;color:var(--sp-ink);background:#f5f7f9;min-height:100vh;font-family:inherit;font-size:14px;line-height:1.55}.shop *{box-sizing:border-box}.shop button,.shop input,.shop select,.shop textarea{font:inherit}.shop button{cursor:pointer;border:1px solid var(--sp-line);color:var(--sp-ink);background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;display:inline-flex}.shop button:hover{background:#f5f9fd;border-color:#8aa7c4}.shop button:disabled{cursor:not-allowed;opacity:.45}.shop button:focus-visible,.shop a:focus-visible{outline-offset:3px;outline:3px solid #609edc}.shop input,.shop select,.shop textarea{width:100%;min-width:0;color:var(--sp-ink);background:#fff;border:1px solid #cbd4de;border-radius:5px;padding:11px 12px}.shop input:focus,.shop select:focus,.shop textarea:focus{outline-offset:1px;outline:2px solid #76a9d7}.shop label{flex-direction:column;gap:7px;font-weight:600;display:flex}.shop small{color:#66788a;font-size:12px}.shop h1,.shop h2,.shop p{margin:0}.shop h1{letter-spacing:-1px;font-size:30px;line-height:1.3}.shop h2{letter-spacing:-.4px;font-size:18px}.shop .sp-primary{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue);width:100%;padding:13px 16px;font-weight:700}.shop .sp-primary:hover{background:#105594}.sp-kicker{color:#56728d;letter-spacing:1.8px;margin-bottom:12px;font-size:10px;font-weight:750;display:block}.sp-header{border-bottom:1px solid var(--sp-line);background:#fff;align-items:center;gap:24px;height:84px;padding:0 max(24px,50vw - 610px);display:flex}.sp-header img{width:150px;height:auto}.sp-header a{display:flex}.sp-partner{border-left:1px solid var(--sp-line);padding-left:24px;font-size:13px;font-weight:600}.shop .sp-logout{color:#66788a;border:0;margin-left:auto;font-size:12px}.sp-nav{border-bottom:1px solid var(--sp-line);background:#fff;align-items:center;gap:30px;min-height:58px;padding:0 max(24px,50vw - 610px);display:flex}.shop .sp-nav button{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:18px 2px 15px;font-size:14px;font-weight:600}.shop .sp-nav .is-active{color:var(--sp-blue);border-bottom-color:var(--sp-blue)}.sp-balance{color:#647587;margin-left:auto;font-size:12px}.sp-balance strong{color:var(--sp-ink);margin-left:10px;font-size:14px}.sp-content{max-width:1268px;margin:auto;padding:38px 24px 60px}.sp-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.sp-title p{color:#67788b;margin-top:10px;font-size:13px}.sp-shop-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:28px;display:grid}.sp-catalog{min-width:0}.sp-catalog-tools{gap:10px;display:flex}.sp-search{flex:1;align-items:center;display:flex;position:relative}.sp-search svg{color:#6f8295;position:absolute;left:14px}.sp-search input{padding-left:42px}.sp-category{width:160px;position:relative}.sp-category svg{pointer-events:none;position:absolute;top:17px;right:12px}.sp-category select{appearance:none;padding-right:28px}.sp-list-label{color:#6a7d8f;justify-content:space-between;margin:22px 0 10px;font-size:11px;display:flex}.sp-list-label span:first-child{color:var(--sp-ink);font-weight:600}.sp-product-list{border-top:2px solid var(--sp-ink);border-bottom:1px solid var(--sp-line);background:#fff}.sp-product{border-bottom:1px solid #e9edf1;align-items:center;gap:18px;padding:22px 20px;display:flex}.sp-product:last-child{border:0}.shop .sp-product-name{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0;padding:0;display:flex}.sp-product-name strong{word-break:keep-all;font-size:14px;line-height:1.6}.sp-product-category{color:#6d8296;font-size:10px}.sp-product-price{text-align:right;flex:0 0 100px}.sp-product-price strong{letter-spacing:-.4px;margin-bottom:10px;font-size:17px;display:block}.sp-product-price button{color:var(--sp-blue);padding:6px 12px;font-size:12px}.sp-cart{border:1px solid var(--sp-line);background:#fff;padding:22px;position:sticky;top:24px}.sp-cart-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sp-cart-heading span{color:var(--sp-blue);margin-left:5px;font-size:15px}.sp-cart-line{border-bottom:1px solid #e9edf1;padding:16px 0}.sp-cart-line>div:first-child{flex-direction:column;gap:4px;display:flex}.sp-cart-line strong{font-size:12px;font-weight:600;line-height:1.6}.sp-cart-line span{font-size:13px}.sp-qty{align-items:center;gap:0;margin-top:10px;display:flex}.shop .sp-qty button{border-radius:2px;padding:6px}.shop .sp-qty input{text-align:center;-moz-appearance:textfield;border-left:0;border-right:0;border-radius:0;width:53px;padding:5px 2px}.sp-qty input::-webkit-inner-spin-button{appearance:none}.shop .sp-qty button:last-child{color:#8a99a9;border:0;margin-left:auto}.sp-cart-total{justify-content:space-between;align-items:center;gap:15px;padding:16px 0 5px;font-size:13px;display:flex}.sp-cart-total strong{font-size:18px}.sp-help{font-size:12px;font-weight:400;line-height:1.8;color:#708092!important;margin:12px 0 18px!important}.sp-empty{color:#738395;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:170px;padding:35px 20px;display:flex}.sp-cart .sp-empty{padding:30px 0;font-size:12px}.shop .sp-cart-toggle,.shop .sp-mobile-close{display:none}.sp-footer{border-top:1px solid var(--sp-line);color:#758696;gap:18px;max-width:1220px;margin:0 auto;padding:24px 0 35px;font-size:11px;display:flex}.sp-footer span:last-child{margin-left:auto}.sp-message{background:#e8f3ee;border-left:3px solid #3b8b68;border-radius:3px;margin-bottom:20px;padding:13px 18px;font-size:13px}.sp-error{color:#96352f;background:#fff0ef;border-left-color:#bd514c}.sp-checkout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.sp-checkout-fields,.sp-checkout-summary{border:1px solid var(--sp-line);background:#fff;padding:28px}.sp-checkout-fields h2{margin:0 0 22px}.sp-field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sp-field-grid label{font-size:12px}.sp-full{grid-column:1/-1}.sp-field-grid textarea{resize:vertical;min-height:80px}.shop .sp-text{color:#657a8e;background:0 0;border:0;margin-bottom:18px;padding-left:0;font-size:12px}.sp-payment{gap:10px;display:grid}.sp-payment label{border:1px solid var(--sp-line);cursor:pointer;flex-direction:row;align-items:center;gap:12px;padding:15px}.sp-payment label.selected{border-color:var(--sp-blue);background:#f4f9fe}.sp-payment input{width:auto;accent-color:var(--sp-blue)}.sp-payment span{flex-direction:column;gap:4px;font-size:13px;display:flex}.sp-grand{border-top:1px solid var(--sp-line);margin-top:16px;padding-top:20px}.sp-grand strong{color:var(--sp-blue);font-size:23px}.sp-orders{gap:20px;display:grid}.sp-orders article{border:1px solid var(--sp-line);background:#fff;padding:24px}.sp-orders article>header{border-bottom:1px solid var(--sp-line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px;display:flex}.sp-orders header div{flex-direction:column;gap:4px;display:flex}.sp-orders header strong{font-size:13px}.sp-status{color:#345b7d;white-space:nowrap;background:#edf3f9;padding:5px 9px;font-size:11px}.sp-order-item{border-bottom:1px solid #eef1f4;justify-content:space-between;gap:16px;padding:18px 0;display:flex}.sp-order-item>span{flex-direction:column;gap:5px;display:flex}.sp-order-item strong{white-space:nowrap}.sp-orders footer{justify-content:space-between;padding:16px 0;display:flex}.sp-orders footer span{color:#718296;font-size:12px}.sp-orders details{border-top:1px solid var(--sp-line);color:#657a8d;padding-top:14px;font-size:12px}.sp-orders summary{cursor:pointer;color:var(--sp-ink);font-weight:600}.sp-orders details p{margin:10px 0}.sp-pagination{color:#6f8295;justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:12px;display:flex}.sp-ledger-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:28px;display:grid}.sp-balance-amount{letter-spacing:-1px;color:var(--sp-blue);font-size:30px}.sp-ledger{border-top:2px solid var(--sp-ink);background:#fff;margin-top:20px}.sp-ledger>div{border-bottom:1px solid var(--sp-line);justify-content:space-between;gap:14px;padding:20px;display:flex}.sp-ledger>div>span{flex-direction:column;gap:6px;display:flex}.sp-ledger strong{font-size:13px}.sp-money{text-align:right;white-space:nowrap}.sp-deposit-request{border:1px solid var(--sp-line);background:#fff;padding:24px}.sp-deposit-request label{margin-bottom:18px;font-size:12px}.sp-loading{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.sp-login{background:#fff;grid-template-columns:1fr 1fr;display:grid}.sp-login-story{background:#eaf0f5;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 45px 80px max(35px,50vw - 560px);display:flex}.sp-login-story img{width:170px;margin-bottom:80px}.sp-login-story h1{letter-spacing:-1.8px;margin:0 0 24px;font-size:clamp(28px,3vw,42px);line-height:1.45}.sp-login-story p{color:#657a8e;line-height:1.9}.sp-story-foot{color:#6e8395;margin-top:100px;font-size:11px}.sp-login-form{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.sp-login-form form{width:100%;max-width:340px}.sp-login-form h2{margin-bottom:12px;font-size:27px}.sp-login-form form>p{color:#748393;margin-bottom:32px;font-size:13px}.sp-login-form label{margin-bottom:20px;font-size:12px}.sp-login-form>a{color:#8a99a8;margin-top:48px;font-size:11px}.sp-overlay{z-index:100;background:#172b3e77;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sp-detail{background:#fff;width:100%;max-width:620px;max-height:85vh;padding:35px;position:relative;overflow:auto}.shop .sp-detail-close{border:0;position:absolute;top:15px;right:15px}.sp-detail h2{margin:25px 0 15px;font-size:22px}.sp-detail-price{color:var(--sp-blue);font-size:24px}.sp-description{white-space:pre-wrap;word-break:break-word;color:#627588;max-height:280px;padding:25px 0;font-size:13px;overflow:auto}.sp-detail label{margin-bottom:20px;font-size:12px}.sp-mobile-close{display:none}@media (width<=960px){.sp-shop-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.sp-cart{padding:18px}.sp-checkout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.sp-checkout-fields,.sp-checkout-summary{padding:20px}.sp-login-story{padding:45px 30px}.sp-login-story img{margin-bottom:50px}}@media (width<=720px){.sp-header{gap:14px;height:70px;padding:0 18px}.sp-header img{width:120px}.sp-partner{text-overflow:ellipsis;white-space:nowrap;border:0;max-width:140px;padding:0;font-size:11px;overflow:hidden}.sp-logout span{display:none}.sp-nav{flex-wrap:wrap;gap:25px;padding:0 18px}.sp-balance{justify-content:space-between;width:100%;margin:0;padding:0 0 12px;display:flex}.sp-content{padding:28px 18px 45px}.shop h1{font-size:26px}.sp-title{align-items:flex-start;margin-bottom:22px}.sp-title p{font-size:12px}.sp-title .sp-kicker{margin-bottom:9px;font-size:9px}.sp-shop-layout,.sp-checkout,.sp-ledger-layout{grid-template-columns:1fr}.shop .sp-cart-toggle{white-space:nowrap;padding:8px;font-size:11px;display:flex}.sp-cart{display:none;position:static}.sp-cart.is-open{z-index:60;width:min(360px,100vw);padding:24px;display:block;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-15px 0 80px #172b3e44}.shop .sp-mobile-close{border:0;padding:5px;display:inline-flex}.sp-search input{font-size:12px}.sp-category{width:120px}.sp-category select{font-size:12px}.sp-product{gap:12px;padding:18px 14px}.sp-product-name strong{word-break:break-word;font-size:13px}.sp-product-price{flex-basis:85px}.sp-product-price strong{font-size:16px}.sp-list-label{font-size:10px}.sp-footer{flex-wrap:wrap;gap:8px;margin:0 18px}.sp-footer span:last-child{width:100%;margin-left:0}.sp-field-grid{gap:16px 12px}.sp-orders article{padding:18px}.sp-order-item,.sp-order-item strong{font-size:12px}.sp-balance-amount{font-size:25px}.sp-login{grid-template-columns:1fr}.sp-login-story{min-height:auto;padding:30px 24px}.sp-login-story img{width:130px;margin:0 0 25px}.sp-login-story h1{margin-bottom:12px;font-size:25px}.sp-login-story p,.sp-story-foot{display:none}.sp-login-form{justify-content:flex-start;padding:35px 24px 50px}.sp-login-form form{max-width:420px}.sp-login-form h2{font-size:24px}.sp-login-form .sp-kicker{display:none}.sp-detail{padding:28px 22px}}.sp-group-grid{background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:14px;display:grid}.sp-group-card{background:#fff;border:1px solid #dde3eb;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.shop .sp-card-open{text-align:left;background:#fff;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;padding:0;display:flex}.shop .sp-card-open:hover{background:#fafcff}.sp-card-image{background:#eef0f4;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.sp-card-image img{object-fit:cover;width:100%;height:100%}.sp-no-image{color:#bec5ce;flex-direction:column;align-items:center;gap:12px;display:flex}.sp-no-image span{letter-spacing:7px;font-size:15px}.sp-tax{color:#66778c;background:#ffffffef;border-radius:6px;padding:3px 7px;font-size:10px;position:absolute;top:9px;right:9px}.sp-cutoff{color:#fff;background:#273441ce;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;top:9px;left:8px;right:48px}.sp-card-copy{flex-direction:column;gap:5px;padding:16px 13px;display:flex}.sp-card-copy>strong{min-height:42px;font-size:13px;line-height:1.6}.sp-card-copy p{color:#7b8898;margin:7px 0 0;font-size:11px}.sp-card-copy b{color:#1b2738;font-size:12px}.sp-card-copy small{font-size:11px}.sp-card-notice{color:#326de5;font-size:11px;line-height:1.8}.shop .sp-card-action{margin:0 12px 12px;padding:8px;font-size:11px}.shop .sp-group-detail{max-width:1040px}.sp-variants{border:1px solid #dce2ea;max-height:46vh;margin:10px 0 20px;overflow:auto}.sp-variants table{border-collapse:collapse;width:100%;font-size:12px}.sp-variants th{text-align:left;z-index:1;background:#f2f5f9;padding:12px;position:sticky;top:0}.sp-variants td{vertical-align:top;border-top:1px solid #e5eaf0;padding:12px}.sp-variants td:first-child{width:70%}.sp-variants td:nth-child(2){white-space:nowrap}.sp-variants td:last-child{min-width:85px}.sp-variants strong{font-size:12px;font-weight:600;display:block}.sp-variants small{margin:5px 0;font-size:10px;display:block}.sp-variants input{max-width:85px;padding:8px}.sp-variants select{margin-top:8px;padding:6px;font-size:11px}.sp-shop-layout{display:block}.shop .sp-cart-toggle{display:inline-flex}.sp-cart{display:none}.sp-cart.is-open{z-index:60;width:min(380px,100vw);padding:26px;display:block;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-10px 0 65px #172b3e33}.shop .sp-mobile-close{border:0;padding:5px;display:inline-flex}@media (width>=1000px){.sp-header{z-index:30;padding:0 26px;position:sticky;top:0}.sp-nav{z-index:20;border-bottom:0;border-right:1px solid #dce2e8;flex-direction:column;align-items:stretch;gap:8px;width:220px;padding:18px 14px;display:flex;position:fixed;top:84px;bottom:0;left:0}.shop .sp-nav button{text-align:left;border:0;border-radius:7px;justify-content:flex-start;padding:12px 14px;font-size:13px}.shop .sp-nav .is-active{color:#3268d9;background:#eff3ff}.sp-balance{border-top:1px solid #e1e6ed;flex-direction:column;gap:5px;margin:24px 0 0;padding:20px 10px;display:flex}.sp-balance strong{margin:0}.sp-content{max-width:none;margin:0 0 0 220px;padding:30px}.sp-footer{margin-left:250px;margin-right:30px}}@media (width<=720px){.sp-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sp-card-image{height:155px}.sp-card-copy{padding:12px 10px}.sp-card-copy>strong{min-height:38px;font-size:12px}.sp-card-copy small,.sp-card-copy p,.sp-card-copy b{font-size:10px}.sp-cutoff{padding:2px 4px;font-size:8px;right:42px}.sp-tax{padding:2px 5px;font-size:8px;top:9px;right:6px}.sp-card-action{font-size:10px!important}.sp-variants td{padding:9px 7px}.sp-variants th{padding:10px 7px}.sp-variants td:first-child{width:55%}.sp-variants strong,.sp-variants td:nth-child(2){font-size:11px}.sp-variants input{max-width:65px}.sp-content{padding:22px 14px}.sp-list-label{gap:10px}}:root{color:#202226;font-synthesis:none;--bg:#eef0f3;--surface:#fff;--text:#202226;--muted:#7b8595;--line:#dce1e9;--soft:#f3f5f8;--blue:#3869ff;--blue-soft:#f2f5ff;--shadow:0 2px 4px #1b233108;--sidebar:220px;--header:56px;background:#eef0f3;font-family:Lato,Noto Sans KR,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #537eff}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid #d0d7e3;border-radius:10px;outline:none;max-width:100%;min-height:36px;padding:8px 12px;transition:border-color .12s}input:hover,select:hover,textarea:hover{border-color:#a6b4cd}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #3869ff0d}input::placeholder,textarea::placeholder{color:#a1a7b1}input:disabled{background:var(--soft);color:var(--muted)}input[type=checkbox],input[type=radio]{appearance:auto;accent-color:var(--blue);border-radius:4px;flex-shrink:0;width:16px;height:16px;min-height:0;margin:0;padding:0}input[type=number]{width:145px}input[type=date]{width:147px;padding:7px 10px}input[type=datetime-local]{width:230px}input[type=file]{max-width:290px;padding:7px}select{min-width:150px;padding-right:28px}textarea{resize:vertical;width:100%;line-height:1.8}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:23px;font-weight:800}h2{font-size:14px;font-weight:700}h3{font-size:13px}small{font-size:11px}label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.app-shell{min-height:100vh}.app-header{z-index:40;height:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:8px;padding:0 15px 0 0;display:flex;position:fixed;top:0;left:0;right:0}.brand{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:100%;display:flex}.brand img{object-fit:contain;max-width:132px;max-height:41px}.global-search{color:#798395;background:#f2f5f7;border:1px solid #e0e4ea;border-radius:30px;align-items:center;gap:12px;width:374px;min-width:180px;max-width:27vw;height:36px;margin-left:0;padding:0 14px;display:flex;box-shadow:inset 0 1px 2px #202d3d0c}.global-search input{height:32px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;padding:0;font-size:12px}.header-spacer,.spacer{flex:1}.login-info{white-space:nowrap;color:var(--blue);align-items:center;gap:4px;font-size:11px;display:flex}.header-credit{color:var(--muted)}.app-header>.btn{border-color:var(--line);white-space:nowrap;background:#f3f6f8;font-weight:700}.icon-btn{background:0 0;border:0;justify-content:center;align-items:center;padding:5px;display:inline-flex}.notification-button{margin:0 2px 0 10px;position:relative}.notification-button i{background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:6px}.sidebar{z-index:35;left:0;top:var(--header);width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;padding:12px 7px 20px 0;display:flex;position:fixed;bottom:0}.sidebar nav{scrollbar-width:thin;scrollbar-color:#dce1e8 transparent;flex:1;overflow:auto}.nav-toggle{text-align:left;color:#354153;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:38px;padding:11px 9px 11px 21px;display:flex}.nav-toggle>svg:first-child{color:#66748a;flex-shrink:0}.nav-toggle>span{flex:1}.nav-toggle>svg:last-child{color:#8d97a5;transition:transform .15s}.nav-toggle>svg.open{transform:rotate(90deg)}.nav-toggle:hover{background:var(--soft)}.nav-toggle.current>svg:first-child{color:var(--blue)}.nav-children{border-left:2px solid #eceef3;margin:1px 0 8px 24px;padding-left:4px}.nav-children a{color:#738099;white-space:normal;border-radius:0 13px 13px 0;min-height:33px;padding:6px 9px 6px 12px;font-size:11px;line-height:20px;display:block;position:relative}.nav-children a:hover{background:var(--soft);color:var(--blue)}.nav-children a.active{color:#2c3546;background:#f0f3ff}.nav-children a.active:before{background:var(--blue);content:"";width:2px;position:absolute;top:0;bottom:0;left:-6px}.nav-group.separated{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.support-card{border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);background:linear-gradient(#f7f9ff,#fff);border-radius:15px;margin:17px 10px 0 17px;padding:16px 7px 13px}.support-card>span{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.support-card svg{color:var(--blue)}.support-card strong{letter-spacing:-.7px;margin:6px 0;font-size:17px;display:block}.support-card small{color:var(--muted);line-height:1.7}.collapse-button{border:1px solid var(--line);background:var(--surface);width:19px;height:56px;color:var(--muted);border-left:0;border-radius:0 12px 12px 0;justify-content:center;align-items:center;display:flex;position:absolute;top:46%;right:-19px}.workspace{margin-left:var(--sidebar);padding-top:var(--header);min-height:100vh;position:relative}.content{min-height:calc(100vh - 143px);padding:24px 28px 35px}.page-head{justify-content:space-between;align-items:flex-start;gap:18px;min-height:51px;margin:0 0 18px;display:flex}.page-head p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.6}.page-head h1{padding-right:360px}.top-notices{background:var(--surface);border:1px solid var(--line);z-index:4;height:42px;color:var(--muted);border-radius:23px;align-items:center;gap:12px;padding:0 14px;font-size:11px;display:flex;position:absolute;top:67px;right:28px;box-shadow:0 2px 5px #1923390a}.top-notices button{white-space:nowrap;background:0 0;border:0;padding:0}.top-notices button:hover{color:var(--blue)}.top-notices b{color:var(--blue);font-weight:700}.status-orb{border:2px solid #d6e0ff;border-right-color:#7197ff;border-radius:50%;width:17px;height:17px;display:block;box-shadow:0 0 0 2px #f6f8ff}.status-orb:after{content:"";background:#5080ff;border-radius:50%;width:5px;height:5px;margin:4px;display:block}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.btn{border:1px solid var(--line);background:var(--surface);color:#3c4655;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 13px;font-size:12px;font-weight:400;line-height:18px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--soft);border-color:#aab9d6}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);padding-left:23px;padding-right:23px}.btn.primary:hover:not(:disabled){background:#2855e5;border-color:#2855e5}.btn.danger{color:#dd435a;border-color:#f5cbd4}.btn svg{flex-shrink:0}.muted{color:var(--muted)}.blue{color:var(--blue)}.red{color:#e54862}.green{color:#169c71}.orange{color:#bb7c20}.amount{font-size:22px}.input-wide{width:420px}.filters{margin-bottom:14px;padding:0}.field{border-bottom:1px solid #e7ebf1;align-items:stretch;min-height:61px;display:flex}.field:last-child{border-bottom:0}.field-label{color:#3e4652;background:#f5f7f9;flex-shrink:0;align-items:center;width:160px;padding:14px 16px;font-size:11px;font-weight:400;line-height:1.6;display:flex}.field-label i{color:#ed6476;padding-left:4px;font-style:normal}.field-value{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;padding:13px 18px;display:flex}.field-value>small{color:var(--muted);flex-basis:100%;font-size:11px;line-height:1.8;display:block}.field-value>label{color:var(--muted);font-size:11px}.filter-two{grid-template-columns:1fr 1fr;display:grid}.filter-two>.field{border-bottom:1px solid #e7ebf1}.filter-two .field-value select{width:min(300px,100%)}.date-presets{flex-wrap:wrap;gap:3px;display:flex}.date-presets button{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:7px;padding:4px 7px;font-size:10px}.date-presets button:focus,.date-presets button:hover{color:var(--text);background:var(--soft);border-color:#adb9ca}.radio-group{flex-wrap:wrap;gap:16px;display:flex}.radio-group label{color:var(--muted);min-height:20px;font-size:11px}.search-actions{background:#fcfdff;border-top:1px solid #e7ebf1;justify-content:center;gap:8px;padding:13px;display:flex}.search-actions .btn{min-width:96px}.toolbar{flex-wrap:wrap;align-items:center;gap:7px;padding:14px 0;display:flex}.list-panel{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.list-panel>.toolbar{justify-content:flex-end;padding:0 0 7px}.table-wrap{background:var(--surface);border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#c5ceda transparent;border-radius:13px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:left;color:#242a33;border-bottom:1px solid var(--line);background:#f4f6f8;height:46px;padding:14px 12px;font-size:10px;font-weight:700}th>button{white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}th>button svg{opacity:.5}td{color:#303a49;vertical-align:middle;border-bottom:1px solid #e2e7ef;height:59px;padding:16px 12px;line-height:1.6}tr:last-child>td{border-bottom:0}tbody>tr:hover{background:#fafbff}tbody>tr.selected{background:#f2f5ff}td,th{border-right:1px solid #e7ebf2}td:last-child,th:last-child{border-right:0}.num{text-align:right;font-variant-numeric:tabular-nums}.num>button{justify-content:flex-end}.check-cell{text-align:center;width:35px;padding:10px}.check-cell input{width:15px;height:15px}td input[type=number]{max-width:85px}.text-link{text-align:left;white-space:normal;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;line-height:1.6;display:inline}.text-link:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.product-name{align-items:center;gap:9px;max-width:400px;display:flex}.product-thumb{color:#a4a3a6;background:#f8f8f8;border:1px solid #e0e3e9;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:38px;display:flex}.product-name img{object-fit:cover;border-radius:5px;width:35px;height:38px}.order-products{white-space:normal;min-width:250px;max-width:320px}.order-products>div{align-items:center;gap:8px;display:flex}.order-products svg{color:#a6a9af;flex-shrink:0}.order-products b{font-size:11px;font-weight:600;line-height:1.45;display:block}.order-products small{color:var(--muted);margin-top:4px;display:block}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:11px;display:flex}.pagination>div{gap:3px;display:flex}.pagination button{min-width:29px;height:29px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:flex}.pagination button.active{background:var(--blue);color:#fff}.pagination button:hover:not(:disabled){background:var(--blue-soft);color:var(--blue)}.pagination select{border-radius:7px;min-width:80px;height:30px;min-height:30px;padding:4px 9px;font-size:11px}.bottom-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.empty{color:#a0a8b5;white-space:normal;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:176px;padding:32px 15px;display:flex}.empty strong{color:#798496;font-size:12px;font-weight:500}.empty span{color:#9aa4b2;font-size:11px;line-height:1.7}.empty svg{margin-bottom:4px}.badge{color:#798394;white-space:nowrap;background:#f1f3f6;border-radius:7px;align-items:center;padding:3px 8px;font-size:10px;line-height:17px;display:inline-flex}.badge.blue{color:#3869ff;background:#edf2ff}.badge.green{color:#15916b;background:#e9f7f0}.badge.red{color:#df4262;background:#fff0f2}.badge.orange{color:#b47b28;background:#fff6e5}.form-section{margin-bottom:18px}.form-section>h2{border-bottom:1px solid var(--line);background:var(--surface);padding:19px 20px;font-size:14px}.form-section>.toolbar{padding-left:18px;padding-right:18px}.form-section>.table-wrap{border-radius:10px;margin:0 18px}.form-section>.table-wrap+.pagination{padding-left:18px;padding-right:18px}.form-section>.tabs{padding:0 20px}.form-actions{justify-content:center;gap:8px;margin:24px 0 10px;display:flex}.form-actions>.btn{min-width:110px;height:39px}.full{width:100%}.inline-entry{align-items:center;gap:8px;margin-bottom:8px;display:flex}.inline-entry>span{min-width:150px}.image-placeholder{background:var(--soft);border:1px dashed var(--line);width:96px;height:96px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.product-preview{object-fit:contain;border:1px solid var(--line);border-radius:10px;width:100px;height:100px}.banner-thumb{object-fit:cover;border-radius:5px;width:110px;height:55px}.column-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;display:grid}.column-picker label{color:var(--muted)}.check-line{margin:9px 0;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.two-col>.panel{min-width:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#111c3766;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:17px;outline:none;flex-direction:column;width:560px;max-width:100%;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 90px #0c173342}.modal.wide{width:980px}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal>header h2{font-size:17px}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;padding:20px;overflow:auto}.modal-body>.field:first-child{border-top:1px solid var(--line)}.modal-body>.field .field-label{width:145px}.modal-body>h3{margin:22px 0 12px}.modal>footer{border-top:1px solid var(--line);background:var(--soft);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.toast{z-index:200;color:#fff;background:#202b40;border-radius:12px;align-items:center;gap:10px;max-width:min(680px,90vw);padding:15px 16px;line-height:1.7;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0003}.toast>svg{color:#6ce6bc;flex-shrink:0}.toast button{color:inherit;background:0 0;border:0;display:flex}.toast.error-toast{background:#a62942}.toast.error-toast>svg{color:#ffdae2}.saving-indicator{z-index:80;border:1px solid var(--line);background:var(--surface);color:var(--blue);box-shadow:var(--shadow);border-radius:25px;gap:7px;padding:8px 15px;display:flex;position:fixed;top:66px;left:50%}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-title{margin:0 0 26px;font-size:23px}.dashboard-label{margin:0 0 17px;font-size:13px;font-weight:700}.sales-summary{grid-template-columns:repeat(4,1fr);min-height:93px;margin-bottom:26px;display:grid}.sales-summary>div{padding:20px 22px;position:relative}.sales-summary>div:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:18px;bottom:18px;right:0}.sales-summary h3{color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.sales-summary strong{letter-spacing:-.7px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.sales-summary strong small{color:var(--muted);letter-spacing:0;margin-left:3px;font-size:11px}.sales-summary .first{background:linear-gradient(135deg,#f6f9ff,#fff)}.sales-summary .first h3,.sales-summary .first strong{color:var(--blue)}.order-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.order-summary>button{min-height:68px;box-shadow:none;text-align:left;border-radius:15px;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.order-summary>button>span{color:var(--muted);font-size:11px;font-weight:700;line-height:1.6}.order-summary strong{letter-spacing:-.7px;font-size:22px}.order-summary small{letter-spacing:0;color:var(--muted);font-size:10px}.order-summary .first{background:linear-gradient(#f5f8ff,#fff);border-color:#cddaff}.order-summary .first strong{color:var(--blue)}.order-summary .return{background:linear-gradient(#fff5f7,#fff);border-color:#f0cfd7}.order-summary .return strong{color:#eb4364}.order-summary button:hover{border-color:#b7c8ee;box-shadow:0 2px 7px #3565ff13}.dashboard-grid{gap:19px 13px}.dashboard-panel{min-height:300px;padding:18px}.dashboard-panel>header{justify-content:space-between;align-items:center;margin:6px 0 18px;display:flex}.dashboard-panel>header h2{font-size:13px}.dashboard-panel>header h2 span{font-size:12px}.dashboard-panel>header>button{color:#a8abb3;background:0 0;border:0;display:flex}.rank-table{white-space:normal}.rank-table th{text-align:center;border-right:0;height:35px;padding:9px 12px;font-size:10px}.rank-table th:first-child{border-radius:8px 0 0}.rank-table th:last-child{border-radius:0 8px 0 0}.rank-table td{border-right:0;height:48px;padding:9px 10px;font-size:11px}.rank-table td:nth-child(3),.rank-table td:nth-child(4){text-align:right;white-space:nowrap}.rank-table td:first-child{text-align:center;width:45px}.rank-table td:nth-child(2){max-width:350px}.rank{color:#7a8798;background:#f1f4f7;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.rank-0,.rank-1,.rank-2{color:var(--blue);background:#e7eeff}.rank-product-icon{float:left;color:#aaa9ac;background:#fafafa;border:1px solid #e6e5e7;border-radius:6px;margin-right:8px;padding:5px;display:inline-flex}.dashboard-panel .empty{min-height:150px}.setup-tip{color:var(--blue);background:#f6f9ff;border:1px solid #d0dcff;border-radius:13px;align-items:center;gap:14px;margin-top:20px;padding:18px;display:flex}.setup-tip>div{flex:1}.setup-tip strong{font-size:12px;display:block}.setup-tip span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.app-footer{color:#99a1ad;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:25px;padding:24px;font-size:10px;display:flex}.footer-mark{color:#a9afb9;letter-spacing:-1px;font-size:18px;font-weight:900}.footer-mark>span{font-weight:400}.app-footer>div>button{color:#8d95a3;background:0 0;border:0;border-right:1px solid #cdd2db;padding:0 11px;font-size:10px}.app-footer small{margin:7px 11px;font-size:10px;display:block}.notification-drawer{z-index:70;background:var(--surface);border:1px solid var(--line);border-radius:15px;width:340px;padding:16px;position:fixed;top:64px;right:15px;box-shadow:0 10px 40px #16244120}.notification-drawer header{justify-content:space-between;align-items:center;display:flex}.notification-drawer p{color:var(--muted);margin:12px 0 15px;font-size:11px}.notification-drawer>button{border:0;border-top:1px solid var(--line);background:0 0;align-items:center;gap:10px;width:100%;padding:15px 5px;font-size:12px;display:flex}.notification-drawer>button span{text-align:left;flex:1}.notification-drawer b{color:var(--blue)}.auth{background:#eef1f6;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.auth form{border:1px solid var(--line);background:#fff;border-radius:20px;width:430px;padding:38px 40px;box-shadow:0 10px 40px #18254209}.auth img{object-fit:contain;max-width:160px;max-height:52px;margin:0 auto 32px;display:block}.auth-heading{margin-bottom:25px}.auth-heading>span{color:var(--blue);font-size:10px;font-weight:600}.auth-heading h1{margin:6px 0 8px;font-size:23px}.auth-heading p{color:var(--muted);font-size:12px}.auth form>label{color:#5f6a7d;margin:15px 0;font-size:11px;display:block}.auth input{width:100%;height:42px;margin-top:8px;display:block}.auth form>small{color:var(--muted);line-height:1.8;display:block}.auth form>.btn{width:100%;height:43px;margin-top:24px}.auth footer{color:#a4acb9;text-align:center;margin-top:26px;font-size:10px}.error{color:#d3465f;background:#fff0f3;border-radius:8px;padding:10px;font-size:11px;line-height:1.7}.startup{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.startup h2{color:var(--text)}.startup>svg{color:var(--blue)}.category-layout{grid-template-columns:340px 1fr;gap:16px;display:grid}.tree-row{text-align:left;color:#57657a;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:12px 18px;font-size:12px;display:flex}.tree-row>span{color:#98a2b2;margin-left:auto}.tree-row:hover,.tree-row.active{background:var(--blue-soft);color:var(--blue)}.tree-row svg{color:#758aba}.product-search-results{scrollbar-width:thin;max-height:220px;padding:10px 18px;overflow:auto}.product-search-results>button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:6px 0;padding:11px 13px;display:flex}.product-search-results>button:hover{border-color:var(--blue)}.product-search-results>button>span{flex:1}.product-search-results>button>strong{color:var(--blue);white-space:nowrap}.detail-meta{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:18px;display:flex}.detail-meta>div{flex:1}.detail-meta small{color:var(--muted);margin-bottom:4px;display:block}.detail-meta strong{font-size:16px}.detail-meta>span:last-child{color:var(--muted);font-size:11px}.detail-totals{background:var(--soft);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;display:grid}.detail-totals span{color:var(--muted);flex-direction:column;gap:9px;display:flex}.detail-totals b{color:var(--text);font-size:17px}.status-action{background:var(--soft);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0;padding:15px;display:flex}.timeline{flex-wrap:wrap;gap:22px;padding:10px 0;display:flex}.timeline>div{flex-direction:column;gap:5px;padding-left:17px;display:flex;position:relative}.timeline span{background:var(--blue);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:0}.timeline strong{font-size:11px;font-weight:500}.timeline small{color:var(--muted);font-size:10px}.notes-box{margin:14px 0}.notes-box article,.reply{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:16px}.notes-box article>p,.reply p{white-space:pre-wrap;margin:10px 0;line-height:1.8}.notes-box small,.reply small{color:var(--muted);font-size:10px}.notes-box textarea{margin-bottom:9px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px 0;font-size:13px;line-height:1.9}.reply small{margin-left:15px}.table-sum{background:var(--soft);justify-content:flex-end;gap:30px;display:flex}tfoot td{background:var(--soft);padding:14px}.metric-strip{justify-content:space-around;margin:18px 0;display:flex}.metric-strip>div{border-right:1px solid var(--line);flex:1;padding:18px 24px}.metric-strip>div:last-child{border-right:0}.metric-strip small{color:var(--muted);margin-bottom:9px;display:block}.metric-strip strong{letter-spacing:-.7px;font-size:21px}.bar-chart{padding:25px}.bar-row{align-items:center;gap:16px;margin:15px 0;display:flex}.bar-row>span{white-space:nowrap;text-overflow:ellipsis;width:230px;font-size:11px;overflow:hidden}.bar-row>div{background:var(--soft);border-radius:4px;flex:1;height:21px;overflow:hidden}.bar-row i{background:#5a83ff;border-radius:4px;height:100%;display:block}.bar-row>strong{text-align:right;width:125px;font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:25px;display:flex}.tabs>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:17px 2px 13px;display:flex}.tabs>button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:700}.notice-text{color:#74839a;background:#f5f8ff;border:1px solid #e0e7fa;border-radius:9px;margin:15px 18px;padding:12px 16px;font-size:11px;line-height:1.8}.form-section>p.muted{padding:15px 20px}.integration-grid{grid-template-columns:repeat(3,1fr);gap:15px;padding:20px;display:grid}.integration{border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;display:flex}.integration>svg{color:var(--blue)}.integration>small{color:var(--muted);font-size:10px;line-height:1.8}.service-state{text-align:center;padding:60px 30px}.service-state>svg{color:var(--blue);margin-bottom:18px}.service-state>h2{margin-bottom:12px;font-size:18px}.service-state p{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.9}.stepper{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-items:center;gap:18px;margin:19px 0;padding:18px 24px;display:flex}.stepper>div{color:#9ba4b3;align-items:center;gap:10px;display:flex}.stepper b{background:var(--soft);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-weight:500;display:flex}.stepper .active{color:var(--blue);font-weight:700}.stepper .active b{color:#fff;background:var(--blue)}.stepper .done{color:#169c71}.stepper .done b{background:#edf8f2}.stepper>div>svg{color:#bbc3d0;margin-left:15px}.upload-layout{grid-template-columns:350px 1fr;gap:17px;display:grid}.upload-layout .field{display:block}.upload-layout .field-label{background:0 0;width:100%;padding:15px 18px 3px;font-size:12px;font-weight:600}.upload-layout .field-value{padding:10px 18px 18px}.upload-layout .field-value>select{width:100%}.template-download{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:25px 18px}.template-download svg{color:#4fa47f}.template-download p{margin:12px 0 18px;font-size:11px;line-height:1.8}.dropzone{text-align:center;background:#fafcff;border:2px dashed #d9e2f1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;margin:6px 20px 24px;padding:20px;display:flex}.dropzone.drag{border-color:var(--blue);background:var(--blue-soft)}.file-icon{color:#628eff;background:#eff4ff;border-radius:20px;margin-bottom:22px;padding:22px;display:flex}.dropzone h3{font-size:15px;font-weight:600}.dropzone p{color:var(--muted);margin:9px 0;font-size:12px}.file-types{color:#a0aaba;margin:5px 0 20px;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mapping-grid{grid-template-columns:1fr 1fr;padding:0 18px 18px;display:grid}.mapping-grid>.field .field-label{width:130px}.import-success{flex-direction:column;align-items:center;gap:15px;padding:55px 20px;display:flex}.import-success>div{color:#20a374;background:#ebf8f2;border-radius:50%;padding:17px}.import-success>p{color:var(--muted)}.collapsed{--sidebar:66px}.collapsed .sidebar{padding-right:0}.collapsed .nav-toggle{justify-content:center;padding:14px 0}.collapsed .nav-toggle>span,.collapsed .nav-toggle>svg:last-child,.collapsed .support-card,.mobile-menu,.sidebar-shade{display:none}html[data-theme=dark]{--bg:#171c26;--surface:#222a37;--text:#e3e8f2;--muted:#939fb4;--line:#354052;--soft:#293343;--blue:#7395ff;--blue-soft:#293650;--shadow:none;color:var(--text);background:var(--bg)}html[data-theme=dark] .app-header{background:#222a37ef}html[data-theme=dark] .global-search,html[data-theme=dark] .field-label,html[data-theme=dark] th,html[data-theme=dark] .search-actions,html[data-theme=dark] .app-header>.btn{background:#293343}html[data-theme=dark] .nav-toggle,html[data-theme=dark] td,html[data-theme=dark] th,html[data-theme=dark] .field-label,html[data-theme=dark] .btn{color:var(--text)}html[data-theme=dark] .sales-summary .first,html[data-theme=dark] .order-summary .first,html[data-theme=dark] .order-summary .return,html[data-theme=dark] .support-card{background:var(--surface)}html[data-theme=dark] .notice-text,html[data-theme=dark] .dropzone,html[data-theme=dark] .setup-tip,html[data-theme=dark] .nav-children a.active,html[data-theme=dark] tbody>tr:hover{background:#293650}html[data-theme=dark] .auth{background:var(--bg)}html[data-theme=dark] .auth form{background:var(--surface)}@media (width>=1600px){.global-search{width:400px}.login-info{font-size:12px}}@media (width<=1250px){.login-info{display:none}.page-head h1{padding-right:0}.top-notices{gap:8px;height:35px;font-size:10px;top:67px}.page-head{padding-top:27px}.dashboard-title{padding-top:30px}.date-presets{flex-basis:100%}.field-label{width:140px}.field-value{padding:12px}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel{min-height:230px}.support-card{padding:12px 5px}.content{padding-left:23px;padding-right:23px}.top-notices{right:23px}}@media (width<=960px){.header-credit{display:none}.global-search{width:280px;max-width:32vw}.app-header>.btn:first-of-type{display:none}.sidebar{width:200px}.app-shell{--sidebar:200px}.brand{width:200px}.content{padding:23px 20px}.two-col,.filter-two{grid-template-columns:1fr}.metric-strip{flex-wrap:wrap}.metric-strip>div{min-width:30%;padding:16px}.metric-strip strong{font-size:17px}.upload-layout{grid-template-columns:280px 1fr}.category-layout{grid-template-columns:260px 1fr}.sales-summary>div{padding:20px 14px}.sales-summary strong{font-size:21px}.form-section .field-label{width:140px}}@media (width<=720px){.app-shell{--sidebar:0px;--header:56px}.brand{width:140px}.brand img{max-width:112px}.mobile-menu{margin-left:10px;display:flex}.global-search{flex:1;gap:5px;width:100px;min-width:65px;max-width:none;height:33px;margin-left:0;padding:0 10px}.global-search input{font-size:10px}.app-header{gap:3px;padding-right:8px}.app-header>.btn{padding:7px}.app-header>.btn>span,.app-header .header-spacer{display:none}.notification-button{margin-left:4px}.sidebar{width:220px;padding-right:7px;transition:transform .18s;transform:translate(-105%)}.mobile-nav .sidebar{transform:translate(0)}.sidebar-shade{z-index:30;background:#15233f55;display:block;position:fixed;inset:56px 0 0}.collapse-button{display:none}.content{padding:20px 12px 28px}.top-notices{background:var(--surface);box-shadow:none;border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:flex-start;gap:13px;height:36px;margin:0;padding:0 12px;position:static;overflow:auto}.status-orb{display:none}.top-notices button{font-size:9px}.page-head{min-height:0;margin-top:0;margin-bottom:17px;padding-top:0;display:block}.page-head>.btn{margin-top:12px}h1{font-size:20px}.page-head p{font-size:11px}.dashboard-title{margin:3px 0 24px;padding-top:0;font-size:20px}.dashboard-label{margin-bottom:12px}.sales-summary{grid-template-columns:repeat(2,1fr);margin-bottom:23px}.sales-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.sales-summary>div:nth-child(2):after{display:none}.sales-summary>div{padding:17px}.sales-summary strong{font-size:23px}.order-summary{grid-template-columns:repeat(2,1fr);gap:7px}.order-summary>button{min-height:68px;padding:12px}.dashboard-grid{gap:13px}.dashboard-panel{min-height:240px;padding:13px}.rank-table td{padding:9px 6px;font-size:10px}.rank-table td:nth-child(2){min-width:130px}.field{min-height:0;display:block}.field-label{background:0 0;padding:10px 13px 0;font-size:11px;font-weight:500;width:100%!important}.field-value{gap:8px;padding:10px 13px 13px}.field-value>select{flex:1;min-width:140px;max-width:100%}.field-value>input:not([type=checkbox]):not([type=radio]){flex:1;max-width:100%}.date-presets{gap:4px}.date-presets button{padding:5px 7px}.field-value .radio-group{gap:12px}.input-wide{width:100%}.filters{margin-bottom:13px}.search-actions{padding:11px}.toolbar{gap:6px}.toolbar>.btn{min-height:32px;padding:7px 9px;font-size:10px}.toolbar>.btn.primary{padding:7px 12px}.toolbar>.spacer{display:none}.list-panel>.toolbar{justify-content:flex-start}.btn{font-size:11px}.bottom-actions{gap:7px}.bottom-actions .btn{flex:1;font-size:10px}.form-section{margin-bottom:13px}.form-section>h2{padding:16px;font-size:13px}.form-section>.table-wrap{margin:0 10px}.form-section>.toolbar{padding:12px 10px}.table-wrap{border-radius:10px}.pagination{flex-wrap:wrap;gap:5px;font-size:10px}.pagination>div{gap:0}.pagination button{min-width:26px}.pagination select{min-width:70px}.category-layout,.upload-layout{grid-template-columns:1fr}.column-picker{gap:12px}.modal-backdrop{padding:10px}.modal{border-radius:13px;max-height:95vh}.modal-body{padding:14px}.modal>header{padding:16px}.modal>footer{padding:12px}.modal>header h2{font-size:15px}.detail-totals{grid-template-columns:repeat(2,1fr);gap:17px;padding:15px}.detail-meta{flex-wrap:wrap}.detail-meta strong{font-size:13px}.detail-meta>span:last-child{font-size:10px}.metric-strip>div{min-width:45%}.metric-strip strong{font-size:19px}.bar-chart{padding:15px}.bar-row{gap:8px}.bar-row>span{width:100px;font-size:10px}.bar-row>strong{width:90px;font-size:10px}.bar-row>div{height:17px}.integration-grid{grid-template-columns:1fr;padding:15px}.integration{grid-template-columns:25px 1fr;gap:10px;display:grid}.integration small{grid-column:2}.stepper{justify-content:space-between;gap:7px;padding:13px 10px;font-size:10px}.stepper>div{gap:6px}.stepper b{width:22px;height:22px}.stepper>div>svg{display:none}.mapping-grid{grid-template-columns:1fr;padding:0 10px}.dropzone{min-height:300px;margin:5px 15px 18px}.dropzone h3{font-size:13px}.setup-tip{flex-wrap:wrap;align-items:flex-start;gap:10px}.setup-tip>.btn{margin-left:27px}.setup-tip span{font-size:10px}.app-footer{gap:16px;padding:20px 10px}.footer-mark{font-size:15px}.app-footer>div>button{padding:0 6px;font-size:9px}.notification-drawer{width:calc(100vw - 20px);top:61px;right:10px}.toast{width:calc(100vw - 24px);padding:13px;font-size:11px;bottom:15px}.auth{padding:18px}.auth form{padding:30px 25px}.form-actions>.btn{height:38px}.auth-heading h1{font-size:22px}}@media print{.app-header,.sidebar,.top-notices,.app-footer,.page-head,.form-actions,.toast,.saving-indicator,.modal>footer,.status-action,.btn,.pagination{display:none!important}.workspace{margin:0;padding:0}.content{padding:0}.app-shell{background:#fff}.modal-backdrop{background:#fff;padding:0;display:block;position:static}.modal{max-height:none;box-shadow:none;border:0;width:100%!important}.modal-body{padding:0;overflow:visible}.panel{break-inside:avoid;box-shadow:none;border-color:#ccc;margin:12px 0}.table-wrap{overflow:visible}th,td{color:#111!important;padding:8px!important}input,select{box-shadow:none!important;color:#000!important;background:#fff!important;border:0!important}.content>.panel{break-after:page}.content>.panel:last-child{break-after:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width>=721px){.nav-toggle{padding-top:10px;padding-bottom:10px;line-height:18px}.sidebar nav{flex:0 auto}.support-card{flex-shrink:0}.dashboard-title{margin-bottom:22px}.sales-summary>div{padding-top:18px;padding-bottom:18px}}@media (width<=720px){.app-header>.service-extension{display:none!important}.row-number{min-width:40px}.sidebar{transition:none}.app-header .brand{width:130px}}.setup-checklist{margin:-8px 0 25px;padding:20px}.setup-checklist>p{color:var(--muted);margin:7px 0 18px;line-height:1.8}.setup-checklist>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.setup-checklist article{border-right:1px solid var(--line);gap:10px;padding-right:15px;display:flex}.setup-checklist article:last-child{border:0}.setup-checklist article>svg{flex-shrink:0;margin-top:3px}.setup-checklist h3{align-items:center;gap:10px;display:flex}.setup-checklist h3>span{color:var(--muted);font-size:11px;font-weight:400}.setup-checklist article p{color:var(--muted);margin:9px 0 14px;font-size:11px;line-height:1.8}.setup-checklist article>div>div{flex-wrap:wrap;gap:6px;display:flex}.setup-checklist .btn{padding:6px 10px;font-size:11px}.setup-checklist>small{color:var(--muted);margin-top:17px;line-height:1.8;display:block}@media (width<=1050px){.setup-checklist>div{grid-template-columns:1fr}.setup-checklist article{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.setup-checklist article:last-child{padding-bottom:0}.setup-checklist{margin-top:0;padding:17px}}
