:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#172b44;background:#f3f6fb;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #e3e9f2;display:flex;align-items:center;gap:24px;padding:20px 6vw}header img{width:140px}header small{margin-left:auto;color:#6b7e94}main{max-width:1100px;margin:55px auto;padding:0 24px}.auth{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #e2e9f1;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #163d6510}.intro{background:#102b4b;color:white;padding:60px 42px}.intro h1{font-size:34px;line-height:1.4;margin:18px 0}.intro p{line-height:1.9;color:#c1d2e5}.tag{color:#78c5d2;letter-spacing:3px;font-size:12px}.pane{padding:38px}.tabs{display:flex;gap:12px;margin-bottom:24px}.tabs button{background:#eef3f9;color:#284969}.tabs .on{background:#183d63;color:white}h2{margin-top:0}label{display:block;font-size:13px;margin:18px 0 7px;color:#435b75}input,select{width:100%;padding:13px;border:1px solid #d6dfeb;border-radius:8px;background:white;color:#142c48;font:inherit}button{border:0;border-radius:8px;padding:12px 18px;background:#153c65;color:white;cursor:pointer;font:inherit;font-size:14px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eaf0f8;color:#1f4268}form>button{margin-top:22px;width:100%}.error{color:#ba3030;font-size:13px;line-height:1.6;margin-top:12px}.sub{color:#6c7d91;line-height:1.7;font-size:13px}.bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.card{background:white;padding:28px;border:1px solid #e2e9f1;border-radius:14px}.code{font-family:monospace;font-size:20px;letter-spacing:1px;padding:18px;background:#f0f5fa;border-radius:8px;overflow-wrap:anywhere}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #e9eef5;white-space:nowrap}th{color:#64778c}td button{padding:7px 9px;margin-right:5px;font-size:12px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.success{padding:18px;background:#e8f6ef;color:#24664b;border-radius:8px}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#163652;color:white;border-radius:8px;display:none}@media(max-width:760px){.auth,.grid{grid-template-columns:1fr}.intro{padding:28px}.intro h1{font-size:26px}.pane{padding:25px}header{gap:12px;padding:16px}header img{width:105px}header span{display:none}main{margin-top:25px}.bar{align-items:flex-start}}

/* System fonts keep the preview independent of third-party font requests. */
:root{--blue:#3859e8;--ink:#18243c;--muted:#8892a6;--border:#edf0f6;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans SC',system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9ab3ff;outline-offset:3px}a{color:var(--blue);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--border);padding:30px 18px;display:flex;flex-direction:column;z-index:5}.brand{font-size:24px;font-weight:800;letter-spacing:2px;padding:0 15px;display:flex;align-items:center;gap:10px}.mark{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:10px;width:34px;height:34px;font-size:23px;letter-spacing:-4px;padding-right:4px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:2px}.navlabel{font-size:10px;letter-spacing:2px;color:#a5adbb;margin:38px 16px 13px}.nav{display:flex;gap:13px;align-items:center;text-align:left;width:100%;padding:13px 17px;margin:4px 0;border-radius:9px;color:#788397}.nav span{font-size:18px;width:22px}.nav.active{background:#eef1ff;color:var(--blue);font-weight:600}.nav:hover{background:#f5f7ff}.sidebottom{margin-top:auto;padding:24px 12px 0}.help{padding:18px 14px;background:#f6f8ff;border-radius:12px;font-size:12px;color:#788397;line-height:1.9}.help b{color:var(--ink)}.main{margin-left:224px;width:calc(100% - 224px)}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.crumb{color:#9ca5b7;font-size:12px}.crumb b{color:#4b5670;font-weight:500}.topright{display:flex;align-items:center;gap:17px}.switch{background:#f3f5fa;padding:4px;border-radius:9px;display:flex}.switch button{padding:7px 14px;border-radius:6px;color:#8590a3;font-size:12px}.switch button.on{background:#fff;color:var(--blue);box-shadow:0 2px 6px #17233c0c}.avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:50%;background:#e8edff;color:var(--blue);font-weight:700}.content{max-width:1540px;margin:auto;padding:30px 38px 40px}.notice{background:#fff8e9;color:#9f772a;border:1px solid #f6e8c4;padding:10px 15px;border-radius:8px;font-size:11px;margin-bottom:26px;display:flex;align-items:center;gap:8px}.notice button{margin-left:auto;color:#9f772a;text-decoration:underline}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.heading h1{margin:0 0 8px;font-size:26px;letter-spacing:-.6px}.sub{color:var(--muted);font-size:12px}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid #e0e5f0;background:#fff;padding:10px 15px;border-radius:7px;font-size:12px;white-space:nowrap}.btn.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 4px 8px #3859e81a}.btn.danger{color:#df596b;border-color:#f3d6dc}.btn.sm{padding:6px 10px;font-size:11px}.btn:disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--border);padding:21px 22px;border-radius:12px}.stathead{display:flex;align-items:center;justify-content:space-between;color:#7b8599;font-size:12px}.stathead i{font-style:normal;background:#eef1ff;color:var(--blue);border-radius:9px;width:36px;height:36px;display:grid;place-items:center;font-size:18px}.stat:nth-child(2) i{background:#eaf8f3;color:#24aa83}.stat:nth-child(3) i{background:#fff5e9;color:#e4a549}.stat:nth-child(4) i{background:#f2edff;color:#8d6cde}.num{font-family:Arial,sans-serif;font-size:29px;letter-spacing:-.7px;font-weight:600;margin:14px 0 12px}.statfoot{font-size:10px;color:#9aa3b4}.green{color:#20a583}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:23px}.panelhead{padding:22px 24px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panelhead h2{font-size:15px;margin:0 0 5px}.panelhead small{font-size:11px;color:#99a2b3}.grid2{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.chart{height:225px;padding:5px 24px 18px;display:flex;gap:16px}.axis{display:flex;flex-direction:column;justify-content:space-between;color:#a5adbd;font-size:10px;padding-bottom:23px}.plot{flex:1;position:relative;display:flex;justify-content:space-around;gap:12px;align-items:end;padding:10px 0 23px;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f1f3f8 45px,#f1f3f8 46px)}.bar{position:relative;width:29px;background:linear-gradient(#627cf5,#dce4ff);border-radius:5px 5px 0 0;min-height:5px}.bar.current{background:linear-gradient(#3859e8,#8297ff)}.bar em{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:10px;font-style:normal;color:#9aa4b7;white-space:nowrap}.tasks{padding:0 24px 13px}.task{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f1f3f7}.task:last-child{border:0}.taskicon{padding:10px;border-radius:10px;background:#f1f4ff;color:var(--blue)}.tasktext{flex:1;font-size:12px}.tasktext small{display:block;font-size:10px;color:#a1aaba;margin-top:5px}.pill{border-radius:5px;padding:4px 8px;font-size:10px;display:inline-block;white-space:nowrap;background:#f0f3fa;color:#8a94a6}.pill.pending{background:#fff5e3;color:#cc983f}.pill.completed{background:#e9f8f2;color:#27a17e}.pill.refunded{background:#fceef1;color:#d86c83}.pill.shipped{background:#ecf1ff;color:#5578de}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbfe;color:#929cae;font-weight:400;font-size:11px;padding:13px 23px}td{padding:17px 23px;font-size:12px;border-bottom:1px solid #f1f3f8}tr:last-child td{border:0}.usercell{display:flex;gap:9px;align-items:center}.userdot{height:28px;width:28px;background:#edf2fa;border-radius:50%;display:grid;place-items:center;color:#7788a6;font-size:11px}.caption{display:block;font-size:10px;color:#a4adbc;margin-top:4px}.filters{display:flex;gap:8px;padding:0 24px 20px;flex-wrap:wrap}.filter{padding:7px 13px;border-radius:6px;color:#8b95a7;font-size:11px}.filter.active{background:#edf1ff;color:var(--blue)}input,select{border:1px solid #e0e5ef;padding:10px 12px;border-radius:7px;background:white;min-width:0;color:#45516b}input:focus,select:focus{outline:2px solid #b5c3ff}.search{margin-left:auto;width:210px;font-size:11px}.footnote{padding:15px 24px;color:#a2abbb;font-size:10px;display:flex;justify-content:space-between}.rates{display:flex;gap:12px;padding:0 24px 24px}.rate{flex:1;border:1px solid #e9edf7;border-radius:9px;padding:15px;background:#fcfdff}.rate small{color:#97a1b4;font-size:10px}.rate strong{display:block;color:var(--blue);font-size:22px;margin-top:5px}.hero{background:linear-gradient(110deg,#1e3588,#3d5de9);color:#fff;border-radius:14px;margin-bottom:23px;padding:31px 33px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:'N';position:absolute;font:200px Arial;right:140px;top:-30px;opacity:.04;transform:rotate(-15deg)}.hero h2{font-size:25px;margin:7px 0 12px}.hero p{font-size:12px;color:#c7d2ff;max-width:410px;line-height:1.8}.hero small{color:#b3c3ff;letter-spacing:3px;font-size:10px}.hero .btn{background:white;color:var(--blue);border:0}.heroring{width:112px;height:112px;border:1px solid #ffffff26;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 20px #ffffff08,0 0 0 40px #ffffff05;margin-right:30px;font-size:35px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.productart{height:184px;background:#f1f3f0;display:flex;align-items:center;justify-content:center;position:relative}.productart.blue{background:#edf2f8}.productart.sand{background:#f6f0e8}.bottle{width:67px;height:100px;background:linear-gradient(90deg,#b0b8a9,#f2f5e9 40%,#b6c1ae);border-radius:10px 10px 14px 14px;position:relative;box-shadow:15px 18px 16px #24321c15;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#47583b;font:9px Arial;letter-spacing:2px}.bottle:before{content:'';position:absolute;top:-19px;width:49px;height:21px;background:linear-gradient(90deg,#44513c,#8c9b7d,#405035);border-radius:5px 5px 0 0}.bottle b{font-size:22px;letter-spacing:0;margin:6px}.blue .bottle{background:linear-gradient(90deg,#9caac6,#f5f7ff,#a5b4cc);color:#456087}.blue .bottle:before{background:#64789e}.sand .bottle{background:linear-gradient(90deg,#c9b290,#fff8e4,#c6ad85);color:#8d7555}.sand .bottle:before{background:#927b57}.productinfo{padding:20px}.productinfo h3{margin:0 0 7px;font-size:15px}.productinfo p{font-size:11px;color:#98a2b2;margin-bottom:20px}.price{font-size:21px;font-weight:600}.productbottom{display:flex;justify-content:space-between;align-items:center}.wallets{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:23px}.walletcard{padding:25px;border-radius:12px;background:linear-gradient(120deg,#334ed5,#6179ed);color:white}.walletcard.second{background:linear-gradient(120deg,#233b54,#46647c)}.walletcard .num{font-size:34px}.walletcard small{color:#cdd6ff}.walletcard .btn{background:#ffffff18;border-color:#ffffff40;color:#fff}.levels{padding:10px 24px 26px}.levelrow{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid var(--border);border-radius:9px;margin:10px 0}.levelbadge{height:36px;width:36px;border-radius:10px;background:#edf1ff;color:var(--blue);display:grid;place-items:center;font-weight:700}.levelrow strong{font-size:12px}.levelrow .percent{margin-left:auto;font-size:20px;color:var(--blue)}.empty{text-align:center;padding:45px;color:#a0aabc}.overlay{position:fixed;inset:0;background:#10204366;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20;padding:20px}.dialog{width:470px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:27px}.dialog h2{font-size:20px;margin:0 0 7px}.dialog p{font-size:12px;line-height:1.8;color:#8b96a9}.dialog label{display:block;font-size:12px;color:#6e7990;margin:19px 0 8px}.dialog input,.dialog select{width:100%}.dialog .actions{justify-content:flex-end;margin-top:26px}.summary{background:#f6f8fd;border-radius:8px;padding:15px;font-size:12px;line-height:2;color:#6e7a91;margin:15px 0}.summary b{float:right;color:#263856}.error{font-size:12px;color:#cf4862;margin-top:12px}.timeline{border-left:2px solid #e5eafa;margin:23px 8px;padding-left:22px}.timeline p{position:relative;margin:20px 0}.timeline p:before{content:'';width:8px;height:8px;background:#5574e8;border:3px solid #e7edff;border-radius:50%;position:absolute;left:-30px;top:6px}.timeline b{display:block;color:#43526d;font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);background:#1c2c49;color:white;padding:13px 22px;border-radius:9px;font-size:12px;opacity:0;transition:.2s;z-index:30;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.setting{padding:0 24px 24px;line-height:2;color:#78859a;font-size:12px}.setting strong{color:#31415d}.mobilebrand{display:none}.balance-negative{color:#d76178}
@media(min-width:1500px){.content{padding-top:38px}.chart{height:270px}}@media(max-width:1150px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.content{padding:24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:17px}.num{font-size:24px}.grid2{grid-template-columns:1.5fr 1fr}.rates{gap:7px}.rate{padding:10px}.products{gap:12px}.brand{font-size:20px;padding:0 8px}.brand small{font-size:8px}}
@media(max-width:800px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:10px;flex-direction:row;border-bottom:1px solid var(--border);overflow:auto;align-items:center}.sidebar .brand,.navlabel,.sidebottom{display:none}.nav{white-space:nowrap;min-width:max-content;width:auto;margin:0;font-size:11px;padding:10px}.nav span{font-size:14px;width:auto}.shell{display:block}.main{margin:0;width:100%}.topbar{height:65px;padding:0 18px}.content{padding:20px 16px}.crumb{display:none}.mobilebrand{display:block;font-weight:800;letter-spacing:1px;color:var(--blue)}.topright{gap:8px}.topright>.sub{display:none}.switch button{padding:7px 10px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:16px}.stathead i{width:28px;height:28px;font-size:14px}.stathead{font-size:10px}.num{font-size:25px;margin:12px 0}.grid2{display:block}.heading h1{font-size:23px}.heading{align-items:flex-start}.heading>.actions .btn{padding:8px}.notice{font-size:10px;margin-bottom:20px}.notice button{min-width:55px}.panelhead{padding:19px}.products{grid-template-columns:1fr 1fr}.products .product:last-child{grid-column:1/-1}.productart{height:160px}.heroring{display:none}.hero{padding:24px}.hero h2{font-size:23px}.wallets{gap:12px}.walletcard{padding:20px}.walletcard .num{font-size:28px}.rates{flex-wrap:wrap;padding:0 18px 18px}.rate{min-width:70px}.panelhead .actions{gap:5px}.filters{padding:0 18px 16px}.search{margin-left:0;width:100%}td,th{padding:14px 18px}.heading .sub{line-height:1.8}.chart{padding:5px 17px 18px}.bar{width:24px}.footnote{padding:15px 18px}.walletcard small{font-size:10px}}
.brand{padding:0;justify-content:center}.brandlogo{position:relative;width:180px;height:105px;overflow:hidden}.brandlogo img{position:absolute;width:245px;height:245px;left:-32px;top:-64px}.navlabel{margin-top:24px}.mobilebrand{width:75px;height:45px;overflow:hidden;position:relative}.mobilebrand img{position:absolute;width:110px;height:110px;left:-16px;top:-30px}.language-tools select{font-size:11px;padding:7px;max-width:124px}.topbar{height:auto;min-height:82px;padding-block:12px}.topright{flex-wrap:wrap;justify-content:flex-end;gap:10px}.cataloghero{background:linear-gradient(110deg,#072954,#075d80);min-height:220px}.cataloghero .pill{background:#ffffff1c;color:#d7eeff}.hero-product{width:240px;height:165px;object-fit:contain;margin-inline-end:25px;mix-blend-mode:screen}.catalogtoolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 12px}.catalogtoolbar input{width:280px;font-size:12px}.catalogcaption{font-size:11px;color:#8d99ac;line-height:1.9;margin:12px 0 20px}.innmi-art{background:linear-gradient(140deg,#f1f8fb,#e9f2fa);height:218px;overflow:hidden}.innmi-art>img{width:92%;height:90%;object-fit:contain;mix-blend-mode:multiply}.product-chip{position:absolute;bottom:12px;inset-inline-start:14px;font-size:10px;background:#ffffffd9;padding:5px 9px;border-radius:5px;color:#59718d}.productinfo h3{margin-top:7px;min-height:25px}.product-kicker{font-size:9px;letter-spacing:2px;color:#8295b1}.variant-label{display:block;font-size:10px;color:#99a5b7;margin:10px 0 6px}.variant{width:100%;font-size:11px;padding:9px;margin-bottom:18px}.productsource{display:block;margin-top:17px;font-size:10px;color:#8398b4}.productbottom{gap:8px}.productbottom .btn{padding:9px 13px}.productbottom .price{font-size:23px}.productbottom .caption{margin-bottom:5px}.permission-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 24px 20px;padding:18px 20px;border:1px solid #e0e8fb;background:#f8faff;border-radius:9px;font-size:12px}.permission-banner p{font-size:10px;color:#8b98af;line-height:1.8;margin-bottom:0}.permission-toggle{display:flex;gap:8px;align-items:center;color:#98a3b5;font-size:11px}.permission-toggle span{width:31px;height:18px;background:#d4dbe7;border-radius:12px;position:relative}.permission-toggle span:after{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.permission-toggle.enabled{color:#3859e8}.permission-toggle.enabled span{background:#3859e8}.permission-toggle.enabled span:after{left:16px}.checkline{display:flex!important;gap:10px;align-items:center}.checkline input{width:auto!important;accent-color:#3859e8}.dialog button[type=submit]:disabled{opacity:.5}.permission-banner .btn{flex-shrink:0}.products{align-items:stretch}.product{display:flex;flex-direction:column}.productinfo{flex:1;display:flex;flex-direction:column}.productbottom{margin-top:auto}.dialog h4{font-size:13px}.heading select{max-width:220px;font-size:11px}.productsource:hover{text-decoration:underline}.notice{line-height:1.7}
[dir=rtl] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--border)}[dir=rtl] .main{margin-left:0;margin-right:224px}[dir=rtl] .nav{text-align:right}[dir=rtl] table{text-align:right}[dir=rtl] .summary b{float:left}[dir=rtl] .timeline{border-left:0;border-right:2px solid #e5eafa;padding-left:0;padding-right:22px}[dir=rtl] .timeline p:before{left:auto;right:-30px}[dir=rtl] .search{margin-left:0;margin-right:auto}
@media(max-width:1150px){[dir=rtl] .main{margin-right:190px}.topright{gap:7px}.crumb{display:none}}
@media(max-width:800px){.topbar{padding:10px 14px;gap:8px;min-height:72px}.topright{gap:6px;flex:1}.topright .avatar{display:none}.topright .switch button{font-size:10px;padding:7px 8px}.topright .loginbutton{font-size:10px;padding:7px 8px}.language-tools select{font-size:10px;max-width:103px}.mobilebrand{display:block;flex-shrink:0}.topright .loginbutton{flex-basis:auto}.heading{flex-wrap:wrap}.heading h1{font-size:22px}.heading>.actions{width:100%}.heading select{max-width:100%;width:100%}.hero-product{width:135px;height:120px;margin:0;opacity:.85}.cataloghero{min-height:200px}.cataloghero h2{font-size:22px}.cataloghero p{font-size:11px}.catalogtoolbar{flex-wrap:wrap}.catalogtoolbar input{width:100%}.catalogtoolbar .filter{font-size:10px;padding:8px}.innmi-art{height:180px}.productinfo{padding:15px}.productinfo h3{font-size:14px}.productbottom{flex-wrap:wrap}.productbottom .price{font-size:22px}.productbottom .btn{font-size:11px}.products{gap:13px}.products .product:last-child{grid-column:auto}.permission-banner{margin:0 18px 18px;flex-wrap:wrap;padding:15px}.permission-banner .btn{width:100%}[dir=rtl] .main{margin-right:0}[dir=rtl] .sidebar{right:auto;left:auto}.hero{gap:8px;padding:23px}.hero h2{line-height:1.5}.dialog{padding:23px}.product-kicker{font-size:8px}.variant{font-size:10px}}
@media(max-width:480px){.products{grid-template-columns:1fr}.innmi-art{height:230px}.productinfo h3{min-height:0}.productbottom{flex-wrap:nowrap}.hero-product{display:none}.cataloghero{min-height:195px}.permission-banner p{font-size:11px}.topright .loginbutton{display:none}}

.hero:after{display:none}.heading .actions .loginbutton{align-self:center}.heading .actions .loginbutton{display:inline-flex!important}.heading>.actions{flex-wrap:wrap}
.cart-entry{gap:8px}.cart-badge{background:#ffffff29;border-radius:10px;padding:2px 7px;font-size:10px}.productbottom{display:grid;grid-template-columns:1fr 1fr;gap:9px}.productbottom>div{grid-column:1/-1}.productbottom .btn{font-size:11px;padding:10px 7px;white-space:normal;min-height:38px}.cart-add{border-color:#b8c9eb;color:#28569b;background:#f5f8ff}.cart-dialog{width:700px}.cart-lines{margin-top:22px;max-height:40vh;overflow:auto}.cart-line{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid #edf0f6;align-items:center}.cart-line>img{width:70px;height:70px;object-fit:cover;border-radius:9px}.cart-line-info{flex:1;min-width:0}.cart-line-info>b{font-size:13px;display:block}.cart-line-info>small{display:block;font-size:10px;color:#8b98af;margin:5px 0;overflow-wrap:anywhere}.cart-line-info>span{display:block;font-size:11px;color:#74829a}.cart-remove{color:#d06c7d;font-size:10px;padding:6px 0}.cart-line-end{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:13px}.cart-stepper{display:flex;align-items:center;border:1px solid #e2e8f3;border-radius:6px;overflow:hidden}.cart-stepper button{width:29px;height:30px;background:#f6f8fc}.cart-stepper button:disabled{opacity:.35;cursor:not-allowed}.cart-stepper input{width:39px;border:0;padding:4px 0;text-align:center;-moz-appearance:textfield;font-size:12px}.cart-stepper input::-webkit-inner-spin-button{appearance:none}.cart-total{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:12px}.cart-total>button{color:#91a0b5;font-size:11px;padding:0}.cart-total strong{font-size:24px;color:#263b62;margin-inline-start:12px}.cart-allocation{font-size:11px;color:#8594aa;line-height:1.9;margin-top:12px}.cart-allocation b{color:#4f6386}.cart-empty{text-align:center;padding:35px 10px}.cart-empty>span{font-size:45px;color:#b1bfd7}.cart-empty p{margin-bottom:25px}@media(max-width:600px){.cart-line{gap:10px}.cart-line>img{width:50px;height:60px}.cart-line-info>b{font-size:12px}.cart-line-end{min-width:99px}.cart-dialog{padding:20px}.cart-lines{max-height:36vh}.cart-line-info>small{font-size:9px}.cart-total strong{font-size:22px}.cart-stepper button{width:27px}.heading>.actions{align-items:center}.heading select{flex-basis:100%}.cart-entry{margin-inline-start:auto}}
.overlay{grid-template-columns:minmax(0,1fr);justify-items:center}.dialog{min-width:0;width:min(470px,100%)}.cart-dialog{width:min(700px,100%)}
.catalog-search-panel{background:#fff;border:1px solid #dde7f4;border-radius:12px;padding:23px 25px;margin:0 0 24px;box-shadow:0 4px 18px #23476b04}.catalog-search-panel label{font-size:17px;font-weight:600}.catalog-search-panel p{font-size:11px;color:#8d9bb0;margin:8px 0 18px}.catalog-search-row{display:flex;align-items:center;border:1px solid #b8c9e3;border-radius:8px;background:#fbfdff;padding:0 15px;gap:12px}.catalog-search-row>span{font-size:26px;color:#859bb9}.catalog-search-row input{border:0;background:transparent;width:100%;font-size:14px;padding:15px 0}.catalog-search-row input:focus{outline:none}.catalog-search-row:focus-within{outline:2px solid #c3d3ff}.catalog-search-meta{display:flex;justify-content:space-between;font-size:10px;color:#92a0b5;margin-top:12px}.catalog-search-meta button{font-size:10px;color:#3859e8}.catalog-filters-only{justify-content:flex-start}.support-hero{padding:32px;border-radius:13px;background:linear-gradient(110deg,#082d58,#146c8b);color:white;margin-bottom:24px}.support-hero small{font-size:10px;letter-spacing:2px;color:#a9d4e6}.support-hero h2{font-size:26px;margin:12px 0}.support-hero p{font-size:12px;color:#b9d6e8}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-card{background:white;border:1px solid #e6ecf5;border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.support-icon{width:45px;height:45px;border-radius:12px;background:#edf4ff;color:#466caa;display:grid;place-items:center;font-size:20px;font-weight:600}.support-card h3{font-size:17px;margin:8px 0}.support-card p{font-size:11px;color:#9aa8ba;margin:0 0 20px}.support-card .btn{margin-top:auto}.email-card{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}.email-card h3{margin:0 0 8px}.email-card .btn{margin:0 0 0 auto}.community-source{font-size:11px;line-height:1.9;color:#95a1b5;margin:24px 0}.community-source a{color:#91a2bd}.company-intro{display:flex;background:white;border:1px solid #e7edf5;border-radius:13px;padding:33px;gap:35px;align-items:center;margin-bottom:24px}.company-intro>div{flex:1}.company-intro small{font-size:10px;letter-spacing:2px;color:#6583a6}.company-intro h2{font-size:27px;margin:14px 0}.company-intro p{font-size:13px;line-height:2;color:#8190a8}.company-intro>img{width:190px;height:160px;object-fit:cover}.company-figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid #e0e8f1;background:white}.company-figure>img{width:100%;height:auto;display:block}.company-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.company-pillars>section{background:white;border:1px solid #e7edf5;border-radius:12px;padding:23px}.company-pillars span{color:#9db0cc;font-size:11px}.company-pillars h3{font-size:16px;line-height:1.7}.company-pillars p{font-size:11px;color:#8595ac;line-height:1.9}
@media(max-width:800px){.catalog-search-panel{padding:20px}.catalog-search-panel label{font-size:16px}.catalog-search-panel p{line-height:1.9}.catalog-search-row input{font-size:13px}.support-grid{grid-template-columns:1fr}.support-card{padding:24px}.email-card{flex-wrap:wrap}.email-card .btn{margin:8px 0 0}.company-intro{padding:25px;display:block}.company-intro>img{display:none}.company-intro h2{font-size:24px}.company-pillars{grid-template-columns:1fr}.support-hero{padding:25px}.support-hero p{line-height:1.9}}
.invite-card{display:grid;grid-template-columns:1fr 2fr;gap:28px;background:white;padding:30px;border:1px solid #e1e9f4;border-radius:12px}.invite-code-box{border-inline-end:1px solid #edf1f7;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-inline-end:25px}.invite-code-box small{color:#8b9bb3}.invite-code-box strong{font-size:25px;color:#325a98;overflow-wrap:anywhere}.invite-link-box label{display:block;font-size:12px;color:#647792;margin-bottom:12px}.invite-link-box textarea{width:100%;height:80px;resize:vertical;border:1px solid #dfe7f4;border-radius:7px;padding:12px;font:11px system-ui;color:#8495ae;background:#fafcff;overflow-wrap:anywhere;margin-bottom:16px}.registration-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:start}.registration-info{padding:28px 10px}.registration-info>small{font-size:10px;letter-spacing:2px;color:#6885ad}.registration-info h2{font-size:29px;line-height:1.6}.registration-info>p{font-size:13px;color:#8594ac;line-height:2}.registration-info>img{width:220px;height:200px;object-fit:cover;display:block;margin:20px auto}.registration-info .notice{font-size:11px;line-height:1.9}.registration-form{background:white;border:1px solid #e2eaf5;border-radius:12px;padding:30px}.registration-form h2{margin-top:0;font-size:21px}.registration-form label,.site-config-form label{display:block;font-size:12px;margin:20px 0 8px;color:#7587a3}.registration-form input,.site-config-form input,.site-config-form select{width:100%}.registration-form .sub{line-height:1.9}.register-submit{width:100%;margin-top:20px}.invite-validation{font-size:11px;color:#379e84;line-height:1.8;margin-top:8px}.site-config-form{padding:0 27px 30px;max-width:850px}.site-config-form h3{margin-top:32px;font-size:16px}.site-config-form textarea{width:100%;padding:13px;font:13px system-ui;line-height:1.9;border:1px solid #e0e7f3;border-radius:7px;resize:vertical}.site-config-form .actions{margin-top:25px}.site-config-form .sub{line-height:1.9}.company-body{background:white;border:1px solid #e5ecf5;border-radius:12px;margin-top:23px;padding:25px 32px;font-size:13px;line-height:2;color:#7f90a9}.company-body p{white-space:pre-line}.registration-form input:invalid:not(:placeholder-shown){box-shadow:none}
@media(max-width:800px){.invite-card{grid-template-columns:1fr;padding:24px}.invite-code-box{border:0;border-bottom:1px solid #edf1f7;padding:0 0 23px;gap:15px}.registration-layout{grid-template-columns:1fr;gap:15px}.registration-info{padding:5px}.registration-info>img{display:none}.registration-info h2{font-size:24px}.registration-info .notice{margin-bottom:10px}.registration-form{padding:24px}.site-config-form{padding:0 20px 25px}.company-body{padding:23px}.invite-link-box .actions .btn{font-size:11px}}
.sidebar{overflow-y:auto}.sidebar>.brand,.sidebar>.nav{flex-shrink:0}

.order-lines{margin:16px 0;border:1px solid #e7ebf3;border-radius:12px;padding:0 16px;max-height:260px;overflow:auto}.order-line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f6;font-size:13px}.order-line:last-child{border-bottom:0}.order-line>b{white-space:nowrap}.order-lines .caption{display:block;margin-top:5px}

#service-order-form{padding:24px}#service-order-form label{display:block;margin:15px 0 7px;font-size:12px;color:#66738a}#service-order-form select,#service-order-form input,#service-order-form textarea{width:100%;padding:11px;border:1px solid #e0e5ef;border-radius:8px;background:white;color:#243249;font:inherit;box-sizing:border-box}.service-line{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:end;gap:12px;margin-bottom:14px}.service-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px}#service-order-form p{font-size:12px;color:#7d8797;line-height:1.8}@media(max-width:650px){#service-order-form{padding:16px}.service-line{grid-template-columns:minmax(0,1fr) 75px}.service-line>button{grid-column:2}.service-prices{grid-template-columns:1fr;gap:0}}

.staff-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-identity label{font-size:11px;color:#748198}.staff-identity select{max-width:230px}.role-matrix input[type=checkbox]{width:17px;height:17px;accent-color:#3859e8;cursor:pointer}.role-matrix th:not(:first-child),.role-matrix td:not(:first-child){text-align:center}.role-matrix th:first-child{min-width:200px}.role-matrix td{padding-top:14px;padding-bottom:14px}

.ops-form{padding:24px;max-width:680px}.ops-form label{display:block;margin:14px 0 7px;color:#6b7890;font-size:12px}.ops-form input{width:100%;box-sizing:border-box;border:1px solid #dfe5ef;border-radius:8px;padding:11px;font:inherit}.ops-form p{font-size:12px;line-height:1.8;color:#8590a2}input[readonly]{background:#f2f4f8;color:#8a94a3}

.service-product-search{margin-bottom:7px;font-size:12px!important}#service-customer-search{margin-bottom:4px}#service-order-search{width:min(100%,540px)}.nav[data-page=admins]{white-space:nowrap}

body.portal-auth>header{display:none}body.portal-auth main#app{max-width:none;margin:0;padding:0}body.portal-auth .main{max-width:none;margin:0;padding:0}body.portal-auth .shell{min-height:100vh}body.portal-auth .sidebar{overflow:auto}body.portal-auth h1{font-size:27px}.p-form{padding:22px}.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.p-form input,.p-form select,.p-form textarea,.p-search{width:100%;padding:12px;border:1px solid #d9e2ee;border-radius:8px;font:inherit;background:white}.p-form textarea{min-height:80px}.p-form label{margin:12px 0 7px}.p-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.p-buttons button,.p-action{padding:10px 14px}.p-error{color:#b92f45;padding:10px 0}.p-success{color:#1c7750}.p-table{overflow:auto}.p-table table{width:100%;border-collapse:collapse}.p-table td,.p-table th{white-space:normal;padding:14px;text-align:left;min-width:105px;border-bottom:1px solid #edf1f7;vertical-align:top}.p-table small{display:block;color:#708096;margin-top:5px}.p-table button{margin:3px;padding:7px 10px;font-size:12px}.p-modal{position:fixed;inset:0;background:#142d4c66;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.p-modal .p-dialog{background:white;border-radius:15px;max-width:850px;width:100%;max-height:92vh;overflow:auto;padding:28px}.p-modal h2{margin:0 0 10px}.p-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 70px;gap:10px;align-items:end;margin:10px 0}.p-card-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px}.p-product{padding:24px;background:white;border-radius:14px;border:1px solid #e3e9f2}.p-product img{height:125px;display:block;margin:auto}.p-product h3{margin:15px 0 8px}.p-product input{width:65px;padding:8px}.p-product .price{font-size:22px;font-weight:700;color:#214f87}.p-settings{padding:20px;overflow:auto}.p-settings table input{width:20px}.p-link{overflow-wrap:anywhere}.p-badge{display:inline-block;padding:5px 9px;border-radius:7px;background:#eef3fb;color:#315b88}.p-stat{background:white;border:1px solid #e4eaf1;border-radius:12px;padding:20px}.p-stat b{display:block;font-size:26px;margin:10px 0}.p-summary{padding:18px;background:#f1f5fb;border-radius:10px;line-height:1.9}.p-muted{color:#74859b;font-size:13px}.p-nav-active{background:#edf1ff!important;color:#3158d2!important}.p-select-user{min-width:200px}.p-profile form{max-width:600px}.p-audit{word-break:break-all;font-family:monospace;font-size:11px}@media(max-width:800px){.p-grid{grid-template-columns:1fr}.p-line{grid-template-columns:minmax(0,1fr) 65px 60px}.p-modal{padding:8px}.p-modal .p-dialog{padding:18px}body.portal-auth .sidebar{position:static;width:100%;height:auto;display:flex;flex-wrap:wrap;gap:4px;padding:12px}body.portal-auth .sidebar .brand{width:100%}body.portal-auth .sidebar .nav{width:auto;font-size:12px;padding:10px}body.portal-auth .shell{display:block}body.portal-auth .main{margin:0;width:100%}body.portal-auth .content{padding:18px}body.portal-auth .topbar{padding:16px}.p-card-products{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}} 

.p-form>img{max-width:100%;height:auto}.p-summary+.p-summary{margin-top:12px}.p-table input[type=number]{max-width:90px}
@media(min-width:801px){body.portal-auth .main{margin-left:224px;width:calc(100% - 224px)}}
