:root{--bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#67748a;--primary:#087e8b;--line:#e2e8f0;--danger:#dc2626;--warn:#ea8a00;--ok:#16875b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.button,button{border:0;border-radius:10px;background:var(--primary);color:white;padding:12px 17px;font-weight:700;cursor:pointer;font-size:15px}button:disabled{cursor:wait;opacity:.65}.button.secondary,button.secondary{background:#e7f5f6;color:#086772}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:white;font:inherit}label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:700}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#101c2e;color:#d7e1ee;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:22px;font-weight:900;color:#fff;padding:8px 10px 22px}.nav{display:grid;grid-gap:3px;gap:3px}.nav a{padding:10px;border-radius:8px;font-size:14px}.nav a:hover{background:#20314a}.grouped-nav{gap:7px}.nav-group{border:1px solid #2a3d57;border-radius:9px;overflow:hidden}.nav-group>summary{list-style:none;cursor:pointer;padding:11px 12px;color:#fff;font-size:13px;font-weight:800;background:#17263b}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"＋";float:right;color:#8294ad}.nav-group[open]>summary:after{content:"−"}.nav-group>div{display:grid;padding:5px}.main{min-width:0}.top{height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:3}.content{padding:28px;max-width:1450px;margin:auto}.title{margin:0 0 6px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 7px #18233a0a}.metric strong{display:block;font-size:29px;margin-top:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:700px}td,th{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{text-transform:uppercase;color:var(--muted);background:#f8fafc}.badge,th{font-size:12px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#e8f7f1;color:var(--ok);font-weight:700}.badge.warn{background:#fff3db;color:#a35c00}.badge.danger{background:#fee8e8;color:var(--danger)}.form{grid-gap:14px;gap:14px;max-width:700px}.form,.row{display:grid}.row{grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.notice{padding:13px;border-radius:10px;background:#e8f6ff;color:#075985;margin:14px 0}.error{background:#feeaea;color:#991b1b}.empty{text-align:center;padding:50px;color:var(--muted)}.camera-reader{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#08111f}.camera-reader-hidden{display:none}.camera-reader video{width:100%!important;border-radius:12px}.mobile-nav{display:none}@media(max-width:900px){.shell{display:block}.side{display:none}.content{padding:18px 14px 85px}.top{padding:0 16px}.grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:5;justify-content:space-around;padding:8px}.mobile-nav a{font-size:12px;text-align:center;padding:7px}.row{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.metric strong{font-size:25px}}@media print{.mobile-nav,.no-print,.side,.top{display:none!important}.shell{display:block}.content{padding:0}.sticker{page-break-inside:avoid;break-inside:avoid;border:1px solid #000}}@media(max-width:900px){.content{padding:18px 14px 30px}.mobile-nav{display:block;position:-webkit-sticky;position:sticky;top:64px;bottom:auto;left:auto;right:auto;padding:0;background:#101c2e;color:white;border:0;z-index:4}.mobile-nav>summary{list-style:none;cursor:pointer;padding:13px 16px;font-weight:800}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open]>summary{border-bottom:1px solid #33445c}.mobile-menu-panel{display:grid;grid-gap:7px;gap:7px;padding:10px;background:#101c2e;max-height:65vh;overflow:auto}.mobile-menu-group{border:1px solid #33445c;border-radius:9px;overflow:hidden}.mobile-menu-group>summary{cursor:pointer;padding:12px;background:#17263b;font-size:14px;font-weight:800}.mobile-menu-group>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px;padding:8px}.mobile-nav .mobile-menu-panel a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 5px;border-radius:8px;background:#20314a;color:#fff;font-size:12px;font-weight:700;text-align:center}}@media(max-width:480px){.mobile-menu-group>nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.portal-top{height:72px;background:#101c2e;color:white;justify-content:space-between;padding:0 max(18px,calc((100vw - 1400px)/2));position:-webkit-sticky;position:sticky;top:0;z-index:5}.portal-top,.portal-top div{display:flex;align-items:center}.portal-top div{gap:14px}.portal-top b{font-size:22px}.portal-top span{color:#b9c9dd}.portal-content{padding-top:32px}.portal-content h2{margin-top:30px}@media(max-width:600px){.portal-top{height:auto;padding:12px 14px}.portal-top div{display:grid;grid-gap:2px;gap:2px}.portal-top b{font-size:18px}.portal-top button{padding:9px 12px}.portal-content{padding-top:20px}}.access-link-box{display:grid;grid-gap:7px;gap:7px;min-width:260px}.access-link-box input{font-size:12px;padding:9px}.access-link-box .actions{margin:0;gap:6px}.access-link-box button{padding:9px 11px;font-size:13px}.access-error{color:var(--danger);font-weight:700}.client-name-link{color:var(--primary)}.client-name-link span{font-size:12px;font-weight:700}.kaspi-groups{display:grid;grid-gap:14px;gap:14px}.kaspi-store{padding:0;overflow:hidden}.kaspi-store>summary{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(300px,2fr);align-items:center;grid-gap:18px;gap:18px;padding:18px;cursor:pointer}.kaspi-store>summary span:first-child{display:grid;grid-gap:4px;gap:4px}.kaspi-store>summary small{color:var(--muted)}.kaspi-counts{display:flex;gap:7px;flex-wrap:wrap}.kaspi-counts i{font-style:normal;font-size:12px;font-weight:700;background:#eef4f8;padding:6px 9px;border-radius:16px}.kaspi-store[open]>summary{border-bottom:1px solid var(--line)}.kaspi-store .table-wrap{border:0;border-radius:0}@media(max-width:700px){.kaspi-store>summary{grid-template-columns:1fr auto}.kaspi-counts{grid-column:1/-1}.kaspi-counts i{flex:1 1 45%;text-align:center}}.location-stock{display:grid;grid-gap:5px;gap:5px}.location-stock>span{display:grid;grid-gap:2px;gap:2px;background:#f1f6f8;border-radius:8px;padding:7px 9px;white-space:nowrap}.location-stock small{color:var(--muted)}.cell-goods summary{cursor:pointer;color:var(--primary);font-weight:700;margin-bottom:7px}.scan-locations{display:grid;grid-gap:4px;gap:4px;margin-top:8px}.scan-locations span{background:#fff;padding:7px 9px;border-radius:7px}.product-sticker{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:150px}.sticker-info{display:grid;grid-gap:4px;gap:4px;min-width:0}.sticker-info>b{font-size:15px;line-height:1.1}.sticker-info small,.sticker-info span{font-size:10px;overflow:hidden;text-overflow:ellipsis}.sticker-info strong{font-size:12px}.picking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form{margin-top:10px}.dispatch-actions{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.dispatch-actions button,.dispatch-actions form{width:100%}@media(max-width:1050px){.picking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.picking-grid{grid-template-columns:1fr}}.sticker-print-button{padding:7px 10px;font-size:12px;margin-top:4px}.order-composition{display:grid;grid-gap:7px;gap:7px;background:#f1f6f8;border-radius:10px;padding:11px;margin:12px 0}.order-composition>div{display:grid;grid-template-columns:1fr auto;grid-gap:3px 10px;gap:3px 10px;border-top:1px solid var(--line);padding-top:7px}.order-composition small{grid-column:1/-1;color:var(--muted)}.order-composition button,.order-composition form{width:100%}.sticker-print-batch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.batch-sticker{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:150px}@media(max-width:950px){.sticker-print-batch{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sticker-print-batch{grid-template-columns:1fr}}.client-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;padding:14px;background:#f8fafc}.client-order-card{box-shadow:none}@media(max-width:1100px){.client-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.client-order-grid{grid-template-columns:1fr;padding:10px}}.pwa-install{position:fixed;right:18px;bottom:18px;z-index:20;display:grid;justify-items:end;grid-gap:8px;gap:8px}.pwa-install>button{box-shadow:0 6px 22px #101c2e55}.pwa-ios-help{width:min(330px,calc(100vw - 28px));display:grid;grid-gap:10px;gap:10px;padding:16px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #101c2e44}.pwa-ios-help button{justify-self:end;padding:8px 12px}.offline-page{min-height:100vh;display:grid;place-items:center;padding:20px}.offline-page .card{max-width:470px;text-align:center}.offline-page p{color:var(--muted);line-height:1.55;margin-bottom:25px}.offline-logo{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:18px;background:#101c2e;color:white;font-size:26px;font-weight:900}@media(max-width:900px){.pwa-install{right:12px;bottom:12px}.mobile-nav~.pwa-install{bottom:12px}}.saas-form{width:min(760px,100%);max-width:760px!important;text-align:left!important}.platform-page{max-width:1500px;margin:auto;padding:28px}.platform-page form{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.platform-page td form{min-width:180px}.top-user{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.top-user .badge{max-width:min(48vw,420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-signout{padding:8px 12px;font-size:13px}@media(max-width:520px){.top{gap:8px}.top>strong{font-size:13px}.top-user{gap:6px}.top-user .badge{max-width:34vw}.top-signout{padding:7px 9px;font-size:12px}}.top-start{display:flex;align-items:center;gap:10px;min-width:0}.header-back{padding:8px 11px;font-size:13px;white-space:nowrap}@media(max-width:520px){.top-start{gap:6px}.top-start strong{font-size:13px}.header-back{padding:7px 9px}.header-back span{display:none}}.camera-control{display:grid;grid-gap:10px;gap:10px}.camera-control>button{justify-self:start}.camera-reader-top{order:-1}@media(max-width:900px){.camera-reader-top{position:-webkit-sticky;position:sticky;top:116px;z-index:2;box-shadow:0 8px 22px #101c2e44}}.product-action-buttons{display:flex;align-items:center;gap:7px;white-space:nowrap}.product-action-buttons form{margin:0}.product-actions>summary{list-style:none;cursor:pointer}.product-actions>summary::-webkit-details-marker{display:none}.product-edit-backdrop{position:fixed;inset:0;z-index:100;background:#101c2e99;display:grid;place-items:center;padding:16px}.product-edit-popover{width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto}.danger-button{background:#b42318!important;color:#fff!important}@media(max-width:700px){.product-action-buttons{display:grid}.product-edit-backdrop{place-items:start center;padding:10px}.product-edit-popover{max-height:calc(100vh - 20px)}}.saved-stickers{display:grid;grid-gap:9px;gap:9px;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.saved-sticker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#f7fafc;border:1px solid var(--line);border-radius:10px}.saved-sticker-row span{display:grid;grid-gap:3px;gap:3px}.saved-sticker-row small{color:var(--muted)}.saved-sticker-row button{padding:9px 11px;font-size:12px}@media(max-width:600px){.saved-sticker-row{align-items:stretch;display:grid}.saved-sticker-row button{width:100%}}.platform-backbar{max-width:1500px;margin:0 auto;padding:18px 28px 0}.platform-backbar-bottom{padding:18px 28px 30px}@media(max-width:600px){.platform-backbar{padding:12px 14px 0}.platform-backbar .button{display:block;text-align:center}.platform-backbar-bottom{padding:14px 14px 24px}}.batch-toolbar{gap:12px;margin:14px 0}.batch-toolbar,.batch-toolbar form{display:flex;align-items:flex-end;flex-wrap:wrap}.batch-toolbar form{gap:10px}.batch-toolbar label{min-width:170px}.selectable-order{position:relative;padding-top:54px}.round-check{position:absolute;top:14px;right:14px;display:block;cursor:pointer}.round-check input{position:absolute;opacity:0;pointer-events:none}.round-check span{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--primary);border-radius:50%;color:transparent;background:white;font-weight:900;font-size:18px}.round-check input:checked+span{background:var(--primary);color:white}.selectable-order:has(.round-check input:checked){outline:3px solid #13a7b555;background:#f2fcfd}@media(max-width:600px){.batch-toolbar,.batch-toolbar form{display:grid;width:100%}.batch-toolbar button{width:100%}}.transferred-table td:before{display:none}@media(max-width:650px){.transferred-wrap{overflow:visible;background:transparent;border:0}.transferred-table{display:block;min-width:0}.transferred-table thead{display:none}.transferred-table tbody{display:grid;grid-gap:12px;gap:12px}.transferred-table tr{display:block;width:100%;padding:14px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 7px #18233a0a}.transferred-table td{display:grid;grid-template-columns:105px minmax(0,1fr);grid-gap:10px;gap:10px;width:100%;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.transferred-table td:last-child{border-bottom:0}.transferred-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.transferred-table .location-stock{min-width:0}.transferred-table .location-stock span{overflow-wrap:anywhere}}.return-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 0 12px;margin:14px 0}.return-tabs .button{white-space:nowrap}.return-tabs b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 5px;border-radius:12px;background:#ffffff33}@media(max-width:650px){.return-tabs{margin-left:-14px;margin-right:-14px;padding:4px 14px 12px}.return-tabs .button{padding:10px 12px;font-size:13px}}.pull-refresh{position:fixed;left:50%;top:0;z-index:50;display:none;align-items:center;gap:7px;padding:8px 13px;border-radius:0 0 14px 14px;background:#101c2e;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 18px #101c2e44;transition:transform .16s ease}.pull-refresh span{font-size:18px}.pull-refresh.is-refreshing span{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(1turn)}}@media(max-width:900px){.pull-refresh{display:flex}}.billing-material{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(70px,110px);align-items:center;grid-gap:10px;gap:10px;padding:10px 0}.billing-material input[type=checkbox]{width:22px;height:22px}.billing-preview .row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.packaging-settings .kaspi-store{overflow:visible}.mobile-scroll-space{display:none}@media(max-width:900px){.packaging-settings,.packaging-settings details,.packaging-settings form,.packaging-settings summary{touch-action:pan-y}.packaging-settings .card,.packaging-settings .kaspi-store{overflow:visible}.packaging-settings{min-height:max-content;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-scroll-space{display:block;height:1px;clear:both}.main:has(.packaging-settings){overflow-y:scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}@media(max-width:900px){body.packaging-native-scroll,html.packaging-native-scroll{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch}body.packaging-native-scroll .main,body.packaging-native-scroll .shell{height:auto!important;min-height:100dvh!important;overflow:visible!important}body.packaging-native-scroll .main{overscroll-behavior-y:auto!important;touch-action:pan-y!important}body.packaging-native-scroll .content{overflow:visible!important;min-height:max-content!important}body.packaging-native-scroll .packaging-settings{overflow:visible!important;padding-bottom:calc(160px + env(safe-area-inset-bottom))}}body,html{width:100%;overflow-x:hidden;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}.content,.main,.shell,body,canvas,html,img,svg,video{max-width:100%}@media(max-width:900px){body,html{height:100%;overflow:hidden}.shell{min-height:0;overflow:hidden}.main,.shell{height:100vh;height:100dvh}.main{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.content{width:100%;min-width:0}.top{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}.mobile-nav{top:calc(64px + env(safe-area-inset-top))}button,input,select,textarea{font-size:16px}.return-tabs,.table-wrap{max-width:100%}.card{min-width:0;overflow-wrap:anywhere}}@media(display-mode:standalone){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#101c2e}.main{background:var(--bg)}}@media(max-width:900px){.top{top:0;left:0;right:0;z-index:30}.mobile-nav,.top{position:fixed!important}.mobile-nav{top:calc(64px + env(safe-area-inset-top))!important;left:0!important;right:0!important;z-index:29}.content{padding-top:calc(128px + env(safe-area-inset-top))!important}.mobile-menu-panel{max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}}