:root{--blue:#1877f2;--blue-dark:#1062d0;--ink:#17243c;--muted:#73819a;--line:#e6ebf2;--bg:#f6f8fb;--green:#168765;--amber:#a7630b;--red:#cf3e4d;--nav:216px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a9cdff;outline-offset:3px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dce3ed;border-radius:7px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1877f214}textarea{resize:vertical;min-height:95px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;line-height:1.25}h2{font-size:16px;letter-spacing:-.2px}h3{font-size:14px}small,.sub{color:var(--muted);font-size:12px}svg.icon{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:16px}.muted{color:var(--muted)}.blue{color:var(--blue)}.positive{color:var(--green)}.danger{color:var(--red)}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:39px;border-radius:7px;border:1px solid #dce3ed;padding:9px 14px;background:#fff;color:var(--ink);font-weight:550;font-size:13px;white-space:nowrap}.btn:hover{background:#f6f9fd}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 2px 3px #1877f216}.btn.primary:hover{background:var(--blue-dark)}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--red);border-color:#f0d8dc}.btn.full{width:100%}.btn.small{min-height:32px;padding:6px 10px;font-size:12px}.icon-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:0;background:transparent;border-radius:7px;color:var(--muted)}.icon-btn:hover{background:#edf3fa;color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 8px;border-radius:5px;background:#eff2f6;color:#64738b;white-space:nowrap;font-weight:550}.badge.blue{background:#e9f2ff;color:#1267d9}.badge.green{background:#e6f6ef;color:#16765c}.badge.amber{background:#fff3da;color:#9b5a08}.badge.red{background:#fff0f1;color:#c6424b}.count{background:#e9edf4;padding:1px 7px;border-radius:5px;font-size:11px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-pad{padding:22px}.card-head{padding:20px 22px 0}.sidebar{width:var(--nav);background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;padding:24px 12px 16px}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 24px}.mark{width:33px;height:35px;background:var(--blue);color:#fff;font-weight:800;font-size:26px;letter-spacing:-3px;display:grid;place-items:center;border-radius:9px;padding-right:3px}.brand-name{font-size:19px;font-weight:750;letter-spacing:-.6px}.brand small{font-size:10px;letter-spacing:.5px}.nav-label{font-size:9px;font-weight:650;color:#9ba5b5;letter-spacing:1.7px;padding:10px 14px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;background:transparent;border-radius:7px;color:#596880;text-align:left;margin:3px 0;font-size:13px;font-weight:500}.nav-item .count{margin-left:auto}.nav-item:hover{background:#f6f8fb}.nav-item.active{background:#edf4ff;color:var(--blue);font-weight:650}.sidebar-bottom{margin-top:auto}.agency{font-size:9px;color:#a1adbd;padding:16px 14px 0}.topbar{position:sticky;top:0;z-index:20;height:71px;margin-left:var(--nav);background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.global-search{display:flex;gap:10px;align-items:center;color:#93a0b4;width:400px;cursor:pointer;font-size:12px}.key{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 5px;margin-left:auto}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#eef1ff;color:#6975af;display:grid;place-items:center;font-size:12px;font-weight:650}.avatar.large{width:44px;height:44px}.avatar.pink{background:#fcebf0;color:#b9657c}.avatar.mint{background:#e6f4ec;color:#438269}.avatar.sand{background:#fbefd9;color:#a77e41}.user-label{font-size:12px;font-weight:600}.user-label small{display:block;font-size:10px;font-weight:400}.header-divider{height:25px;width:1px;background:var(--line);margin:0 8px}.main{width:calc(100% - var(--nav));max-width:1800px;margin-left:max(var(--nav),calc((100% + var(--nav) - 1800px)/2));margin-right:auto;padding:30px 32px 44px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.page-head p{font-size:12px;color:var(--muted);margin-top:7px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:600;margin-bottom:8px}.demo-ribbon{font-size:10px;display:flex;align-items:center;justify-content:center;gap:9px;background:#eef4fd;color:#657d9f;padding:6px 12px;margin-left:var(--nav);border-bottom:1px solid #e4edf9}.demo-ribbon button{font-size:10px;color:var(--blue);padding:0;border:0;background:none}.notice{display:flex;align-items:center;gap:12px;border:1px solid #f3e3be;border-radius:8px;padding:12px 16px;background:#fffbf2;color:#946329;font-size:12px}.notice.info{background:#f0f6ff;border-color:#dae9ff;color:#4e7199}.notice .btn{margin-left:auto}.notice svg{width:17px}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:16px;margin:20px 0}.stat{padding:20px;position:relative}.stat-icon{width:33px;height:33px;border-radius:8px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:18px}.stat .value{font-size:29px;line-height:1.2;font-weight:650;letter-spacing:-1px;margin:5px 0}.stat .label{font-size:11px;color:var(--muted)}.stat .value small{font-size:15px;font-weight:500;color:var(--ink);letter-spacing:0}.stat-note{font-size:10px;color:#9ba5b5;margin-top:7px}.stat-dot{position:absolute;right:18px;top:22px;color:#b0bac7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.chart-card{padding:22px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.chart-legend{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:10px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--blue)}.bar-chart{height:205px;display:flex;gap:9px;padding:16px 4px 24px;align-items:flex-end;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f0f3f8 45px,#f0f3f8 46px)}.bar-col{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{width:70%;max-width:30px;min-height:3px;border-radius:4px 4px 0 0;background:#408ff7;transition:height .3s}.bar:hover{background:#1168db}.bar-col span{position:absolute;bottom:-23px;font-size:9px;color:#8490a5;white-space:nowrap}.chart-axis{font-size:10px;color:#96a1b2;margin-top:16px}.usage-num{font-size:32px;letter-spacing:-1px;font-weight:650;margin:23px 0 15px}.usage-num span{font-size:17px;color:#9aa5b6;font-weight:400}.progress{height:7px;background:#edf1f7;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--blue);border-radius:20px}.usage-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:9px 0 24px}.rule{height:1px;background:var(--line);margin:18px 0}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;margin-top:20px}.metric-line{display:flex;gap:12px;align-items:center;margin:17px 0;font-size:11px}.metric-line .progress{flex:1;height:7px}.metric-line label{width:90px}.metric-line strong{width:40px;text-align:right;font-size:11px;font-weight:500}.task{display:flex;align-items:center;width:100%;gap:10px;background:none;border:0;border-bottom:1px solid #f0f3f7;padding:15px 0;color:var(--ink);font-size:12px}.task:last-child{border:0}.task .count{margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-weight:500;font-size:10px;color:#8290a5;padding:14px 20px;background:#fafbfd;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #eff2f6}tr:last-child td{border:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f9fbff}td.right,th.right{text-align:right}.table-title{font-weight:600}.table-sub{font-size:10px;color:#94a0b3;margin-top:3px}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px}.search-field{position:relative;max-width:350px;flex:1}.search-field svg{position:absolute;top:12px;left:12px;color:#8c99ac;width:16px}.search-field input{padding-left:37px;font-size:12px}.toolbar select{width:auto;font-size:12px;padding:10px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 20px;overflow:auto;white-space:nowrap}.tab{border:0;border-bottom:2px solid transparent;background:none;padding:17px 0;color:#8290a5;font-size:12px}.tab.active{color:var(--blue);border-color:var(--blue);font-weight:600}.tab .count{margin-left:5px}.thumb{width:46px;height:52px;border-radius:7px;background:#f1f0ee;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.thumb svg{width:90%;height:90%}.thumb.big{width:100%;height:150px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{cursor:pointer}.product-photo{height:180px;display:grid;place-items:center;background:#f1f0ed;position:relative}.product-photo svg{height:145px;width:145px;transition:transform .2s}.product-card:hover .product-photo svg{transform:scale(1.035)}.product-photo .badge{position:absolute;top:12px;left:12px}.product-body{padding:17px 19px}.product-body h3{font-size:14px}.product-price{font-size:13px;font-weight:650;margin:9px 0}.stock-info{font-size:11px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:20px}.details{padding:22px}.detail-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:12px}.detail-line span{color:var(--muted)}.detail-line.total{font-size:16px;border-top:1px solid var(--line);margin-top:8px;padding-top:15px}.balance{padding:14px;border-radius:7px;background:#f1f5fb;font-size:12px}.order-card{padding:20px;margin-bottom:12px}.order-cards{display:none}.empty{padding:55px 25px;text-align:center;color:var(--muted)}.empty svg{width:30px;height:30px;margin-bottom:12px;color:#b3c0d3}.empty h3{color:var(--ink);margin-bottom:6px}.empty p{font-size:12px;max-width:330px;margin:auto auto 18px}.inbox{display:grid;grid-template-columns:290px minmax(280px,1fr) 300px;height:calc(100vh - 160px);min-height:540px}.inbox-list{border-right:1px solid var(--line);overflow-y:auto}.inbox-list-head{padding:20px 16px 12px}.conversation-row{width:100%;background:none;border:0;border-top:1px solid #f0f3f7;padding:17px 16px;text-align:left;display:flex;gap:11px;position:relative}.conversation-row.active{background:#eef5ff}.conversation-row strong{font-size:12px}.conversation-row p{font-size:11px;color:var(--muted);max-width:178px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0}.conversation-row time{position:absolute;right:14px;top:19px;font-size:9px;color:#97a3b6}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#fff}.chat-header{padding:17px 19px;border-bottom:1px solid var(--line)}.chat-header strong{font-size:13px}.chat-header .badge{font-size:10px}.chat-log{overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px;padding:24px 20px}.message{max-width:88%;align-self:flex-start}.bubble{padding:12px 14px;background:#f1f3f7;border-radius:10px 10px 10px 2px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing{align-self:flex-end}.message.outgoing .bubble{background:#edf5ff;border-radius:10px 10px 2px 10px}.message.note .bubble{background:#fff7df;color:#8f7137}.message time{font-size:9px;color:#96a2b4;margin-top:5px;display:block}.message.outgoing time{text-align:right}.composer{margin:0 16px 16px;border:1px solid #dde5ee;border-radius:8px;overflow:hidden}.composer textarea{border:0;border-radius:0;resize:none;min-height:70px;font-size:12px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.composer-bottom select{width:125px;padding:5px;border:0;font-size:11px}.context-panel{padding:19px;border-left:1px solid var(--line);overflow:auto}.context-panel h2{margin-bottom:20px}.mobile-order-link{display:none}.payment-grid{display:grid;grid-template-columns:265px minmax(240px,1fr) minmax(300px,1.2fr);gap:18px}.payment-queue{overflow:auto}.queue-item{border:0;border-bottom:1px solid var(--line);background:white;width:100%;text-align:left;padding:20px;cursor:pointer}.queue-item.active{background:#f0f6ff;border-left:2px solid var(--blue)}.queue-item strong{display:block;font-size:13px;margin-bottom:4px}.queue-item .amount{font-weight:650;margin:10px 0}.receipt-stage{background:#f5f7fa;min-height:280px;margin:20px 0;border-radius:7px;display:flex;align-items:center;justify-content:center}.receipt-stage img{max-width:100%;max-height:360px}.receipt-paper{width:190px;padding:22px;background:white;box-shadow:0 4px 20px #1b355b08;text-align:center;border:1px dashed #d7dfe9;position:relative}.receipt-paper .stamp{font-size:26px;color:#cf6b7166;letter-spacing:6px;font-weight:750;transform:rotate(-16deg);margin:25px 0}.form-field{display:block;margin:16px 0}.form-field>span{display:block;margin-bottom:7px;font-size:11px;color:#65758d;font-weight:550}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#61728a;margin:20px 0}.check input{width:16px;height:16px;flex:none;accent-color:var(--blue);margin-top:2px}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px}.settings-nav .nav-item{font-size:12px}.settings-content{max-width:950px}.member-row{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.member-row .member-meta{flex:1}.member-row strong{font-size:13px}.member-actions{display:flex;gap:6px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.knowledge-card{padding:24px;cursor:pointer}.knowledge-card h2{margin:16px 0 9px}.knowledge-card p{font-size:12px;color:var(--muted);line-height:1.8;max-height:65px;overflow:hidden}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#eef4fe;padding:65px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:50px;max-width:480px;line-height:1.15;letter-spacing:-2px;margin:60px 0 20px}.login-art p{color:#7085a8;max-width:360px;line-height:1.8}.login-card{display:flex;align-items:center;justify-content:center;background:white;padding:35px}.login-inner{width:360px}.login-inner h1{margin-bottom:10px}.login-inner form{margin-top:30px}.login-note{margin-top:22px;font-size:11px;color:var(--muted);text-align:center}.error-text{color:var(--red);font-size:12px;margin:12px 0}.boot{height:100vh;display:grid;place-items:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;padding:0;max-width:min(650px,95vw);width:650px;max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #12274b25}dialog::backdrop{background:#152a4855;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal-body{padding:8px 25px 25px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.modal-actions .btn{min-width:100px}.preview-note{font-size:11px;color:#8290a6;margin:12px 0}.stock-row{display:grid;grid-template-columns:1fr 80px 100px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.stock-row small{display:block}#toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px}.toast{border:1px solid #dbe7df;background:#fff;box-shadow:0 7px 30px #20314b14;padding:13px 20px;border-radius:8px;color:var(--green);font-size:13px;min-width:240px;max-width:85vw}.toast.error{color:var(--red);border-color:#eed5d8}.mobile-nav,.mobile-only{display:none}.footer-note{font-size:10px;color:#91a0b5;margin-top:18px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.more-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;color:var(--ink);display:flex;align-items:center;gap:12px}.hidden{display:none!important}.mini-chart{display:flex;align-items:flex-end;gap:7px;height:86px;margin-top:25px}.mini-chart i{flex:1;background:#d9e9ff;border-radius:4px 4px 0 0}.mini-chart i:nth-child(3n){background:#68a5f6}.spark-caption{display:flex;justify-content:space-between;color:#94a2b5;font-size:9px;margin-top:9px}
@media(min-width:1600px){.main{padding-left:45px;padding-right:45px}.inbox{grid-template-columns:310px minmax(300px,1fr) 330px}}
@media(max-width:1200px){:root{--nav:185px}.main{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:12px}.stat{padding:17px}.stat .value{font-size:24px}.inbox{grid-template-columns:250px minmax(300px,1fr)}.context-panel{display:none}.mobile-order-link{display:block}.payment-grid{grid-template-columns:230px minmax(300px,1fr)}.receipt-column{display:none}.payment-form .mobile-receipt{display:block!important}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid>div:first-child{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){:root{--nav:0px}.sidebar,.global-search,.user-label,.header-divider{display:none}.topbar{height:63px;padding:0 18px}.topbar .mobile-brand{display:flex!important}.topbar .mark{width:29px;height:30px;font-size:23px}.topbar .brand-name{font-size:18px}.demo-ribbon{font-size:9px;padding:6px 9px}.main{padding:23px 16px 96px}.page-head{margin-bottom:20px;align-items:flex-start}.page-head h1{font-size:25px}.page-head p{font-size:11px;max-width:230px}.page-head .actions{flex-wrap:wrap;justify-content:flex-end}.page-head .actions .btn{min-height:36px;font-size:11px;padding:7px 10px}.eyebrow{font-size:9px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.stat{padding:16px}.stat:nth-child(3){grid-column:1/-1;grid-row:1}.stat:nth-child(4){display:none}.stat:nth-child(3) .stat-icon{float:left;margin-right:12px;margin-bottom:25px}.stat .stat-icon{width:28px;height:28px;margin-bottom:12px}.stat .value{font-size:25px}.stat .label{font-size:11px}.stat-note{font-size:9px}.stat-dot{display:none}.dashboard-grid{grid-template-columns:1fr;gap:16px}.chart-card,.card-pad{padding:18px}.bar-chart{height:170px}.lower-grid{grid-template-columns:1fr;gap:16px}.lower-grid>div:first-child{display:none}.usage-num{margin:17px 0 12px;font-size:28px}.usage-meta{margin-bottom:16px}.notice{font-size:11px;padding:11px 12px;gap:8px}.notice .btn{padding:5px 8px;font-size:11px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fffffffa;border-top:1px solid var(--line);padding:7px 9px max(8px,env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(12px)}.mobile-nav button{border:0;background:none;min-width:55px;min-height:48px;color:#8793a6;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:9px;position:relative}.mobile-nav button.active{color:var(--blue);font-weight:650}.mobile-nav button.active:before{content:'';position:absolute;top:-8px;height:2px;width:20px;border-radius:0 0 4px 4px;background:var(--blue)}.mobile-nav .nav-count{position:absolute;top:-1px;right:6px;color:#fff;background:#e86975;border:2px solid white;border-radius:9px;font-size:8px;padding:0 4px}.mobile-only{display:flex}.desktop-only{display:none!important}.toolbar{padding:14px;gap:8px;flex-wrap:wrap}.toolbar .search-field{max-width:none;min-width:160px}.toolbar select{max-width:150px}.tabs{padding:0 16px;gap:20px}.tab{font-size:11px;min-height:48px}.order-table{display:none}.order-cards{display:block}.order-card .detail-line{font-size:12px}.order-card .btn{min-height:44px}.product-grid{gap:12px}.product-photo{height:135px}.product-photo svg{height:110px;width:110px}.product-body{padding:13px}.product-body h3{font-size:12px}.product-price{font-size:12px}.product-photo .badge{font-size:9px;left:8px;top:8px}.stock-info{font-size:10px}.split{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{padding:20px}.settings-layout{grid-template-columns:1fr;gap:15px}.settings-nav{display:flex;gap:5px;overflow:auto}.settings-nav .nav-item{width:auto;white-space:nowrap;padding:10px;font-size:11px}.settings-nav .nav-item svg{display:none}.member-row{flex-wrap:wrap;padding:16px;gap:10px}.member-actions{margin-left:44px;flex-wrap:wrap}.member-actions .btn{min-height:36px}.inbox{display:block;min-height:0;height:calc(100dvh - 176px);border:0;border-radius:0;background:none}.inbox-list{height:100%;border:1px solid var(--line);border-radius:9px;background:white}.inbox-list-head{padding:18px}.conversation-row{padding:20px 17px;min-height:96px}.conversation-row strong{font-size:14px}.conversation-row p{font-size:12px;max-width:230px}.conversation-row time{font-size:10px}.chat-panel{display:none}.chat-open .chat-panel{display:flex;position:fixed;inset:0;z-index:50;height:100dvh}.chat-open .chat-header{padding:12px}.chat-log{padding:20px 16px}.bubble{font-size:14px}.message time{font-size:10px}.composer{margin:0 12px max(12px,env(safe-area-inset-bottom))}.composer textarea{font-size:14px;min-height:60px}.chat-header .btn{font-size:10px;padding:7px 8px;min-height:38px}.payment-grid{display:block}.payment-queue{display:grid;grid-template-columns:1fr;border-radius:9px}.queue-item{padding:20px}.queue-item .amount{margin:7px 0}.payment-form{display:none}.payment-open .payment-form{display:block;position:fixed;inset:0;z-index:50;border:0;border-radius:0;overflow:auto;padding:22px 18px 30px}.payment-form .btn{min-height:46px}.payment-form .form-field>span{font-size:12px}.payment-form .mobile-receipt{display:block!important}.login-layout{grid-template-columns:1fr}.login-art{display:none}.login-card{min-height:100vh;padding:28px}.login-inner{width:100%;max-width:370px}.form-grid{grid-template-columns:1fr}.modal-body{padding:4px 20px 22px}.modal-head{padding:18px 20px}.modal-actions .btn{min-height:44px}dialog{width:calc(100vw - 24px);max-width:600px;max-height:90dvh}.table-wrap{font-size:11px}td,th{padding:13px 14px}.stock-row{grid-template-columns:1fr 62px 88px;font-size:12px}#toasts{bottom:90px}.more-grid{grid-template-columns:1fr}.more-card{padding:21px}.btn{min-height:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.product-photo img,.thumb.big img{width:100%;height:100%;object-fit:cover}.product-photo img{max-height:180px}@media(max-width:800px){.product-photo img{max-height:135px}}