@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";html,body,#root{min-width:320px;min-height:100%;margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f6a60988;outline-offset:2px}.input-readonly{background:var(--surface-2, #f4f6f8);color:var(--text, #222);border:1.5px solid var(--border, #e2e8f0);border-radius:8px;padding:10px 14px;width:100%;cursor:not-allowed;opacity:.8;font-size:inherit}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background .2s;line-height:1}.password-toggle:hover{color:#bc2018;background:#bc201818}.password-toggle:focus-visible{outline:2px solid #bc2018;outline-offset:1px}.header-user{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--line);margin-left:5px}.header-user>div:nth-child(2){min-width:0;text-align:left}.header-user b{display:block;font-weight:700;font-size:14px;white-space:nowrap}.header-user small{display:block;color:var(--muted);font-size:11px;white-space:nowrap}.header-user-actions{display:flex;align-items:center;gap:2px;margin-left:8px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px #0000000d;border-radius:12px;padding:6px;display:flex;flex-direction:column;min-width:200px;z-index:50}.user-dropdown button{text-align:left;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text);background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.user-dropdown button:hover{background:var(--bg)}.user-dropdown button:active{background:var(--line)}.forgot-flow{animation:slideUp .25s ease}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:0;margin-bottom:20px;transition:color .2s}.back-btn:hover{color:#bc2018}.link-btn{background:none;border:none;color:#bc2018;font-size:13px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.link-btn:hover{color:#7c1d18}.otp-input{text-align:center;font-size:28px;font-weight:800;letter-spacing:12px;font-family:monospace;color:#bc2018!important}.forgot-success{text-align:center;padding:16px 0}.forgot-success-icon{font-size:52px;margin-bottom:16px}.forgot-success h2{font-size:20px;color:#bc2018;margin-bottom:8px}.forgot-success p{font-size:14px;color:#64748b;line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--navy:#172033;--navy2:#28364f;--green:#d92d27;--mint:#fff0ee;--bg:#f6f8fc;--line:#e3e8f0;--text:#172033;--muted:#64748b;--amber:#f59e0b;--red:#d92d27}*{box-sizing:border-box}:where(button,a,input,select,textarea,[role=button],[tabindex]):focus-visible{outline:3px solid #079bc366;outline-offset:3px}.scroll-y{overflow-y:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{height:78px;display:flex;align-items:center;gap:12px;padding:0 22px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#2cd98f,#0b8e5b);display:grid;place-items:center;font:800 22px Manrope;box-shadow:0 8px 25px #001c2e66}.brand strong{font:800 20px Manrope;letter-spacing:.3px}.brand strong span{color:#39d494}.brand small{display:block;color:#a8c0d0;font-size:10px}.workspace{margin:10px 14px 16px;padding:14px;border:1px solid #ffffff18;background:#ffffff0b;border-radius:14px}.workspace>span{display:block;font-size:9px;letter-spacing:1.4px;color:#87a8bd}.workspace>b{display:block;margin:4px 0}.workspace small{display:flex;align-items:center;gap:5px;color:#a8c0d0}.workspace svg{width:13px}nav{display:flex;flex-direction:column;padding:0 12px;gap:3px;flex:1;overflow:auto;min-height:0}.nav-group-wrapper{margin-bottom:8px;display:flex;flex-direction:column;gap:3px}.nav-group-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6789a2;font-weight:800;padding:8px 13px 4px;margin-top:4px}.sidebar nav button{border:0;background:none;color:#b8cbd7;padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font-weight:600}.sidebar nav button svg{width:18px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff14;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #32d492}.sidebar nav em{margin-left:auto;background:var(--amber);color:#342000;border-radius:99px;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-user{margin:10px 12px 14px;padding:12px;border-top:1px solid #ffffff18;display:flex;align-items:center;gap:10px}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user b,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:#a8c0d0;font-size:11px}.avatar{width:38px;height:38px;border-radius:12px;background:#d8f6e8;color:#08734a;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.icon-btn{border:0;background:none;padding:8px;color:inherit;border-radius:9px;cursor:pointer}.icon-btn:hover{background:#ffffff14}.icon-btn svg{width:20px;height:20px}.close-mobile,.menu-btn{display:none}main{margin-left:260px;min-width:0}main>header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:15px;position:sticky;top:0;z-index:20}header h1{font:800 20px Manrope;margin:2px 0}header small{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.notification{position:relative;color:var(--navy)}.notification i{position:absolute;width:7px;height:7px;background:var(--red);border-radius:50%;right:7px;top:7px}.date-chip{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.date-chip b{color:var(--text);font-size:12px}.content{max-width:1440px;margin:auto;padding:28px 30px 60px}.welcome,.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.welcome{background:linear-gradient(115deg,var(--navy),#0d5077);color:#fff;border-radius:20px;padding:28px 30px;box-shadow:0 10px 28px #092f4f1c}.welcome span{font-size:9px;letter-spacing:1.4px;color:#6de2b4}.welcome h2,.page-head h2{font:800 25px Manrope;margin:5px 0}.welcome p,.page-head p{margin:0;color:#c5d6e0}.page-head p{color:var(--muted)}.primary,.secondary,.small-primary{border:0;border-radius:11px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary{background:var(--green);color:#fff;box-shadow:0 7px 16px #18a66a2b}.primary:hover{background:#138b5a}.primary svg{width:17px}.welcome .primary{background:#fff;color:var(--navy)}.secondary{background:#eef2f4;color:var(--text)}.small-primary{background:var(--mint);color:#08734a;padding:7px 10px;font-size:11px}button:disabled,.primary:disabled,.secondary:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.stat{background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:15px;padding:18px}.stat.navy{border-top-color:var(--navy2)}.stat.amber{border-top-color:var(--amber)}.stat.red{border-top-color:var(--red)}.stat small,.stat span{display:block;color:var(--muted);font-size:11px}.stat b{display:block;font:800 23px Manrope;margin:8px 0 5px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.dashboard-grid .card:last-child{grid-column:1/-1}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h3{font:800 15px Manrope;margin:0}.card-head button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.location-list>div,.activity>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f3}.location-list>div:last-child,.activity>div:last-child{border:0}.location-icon{width:40px;height:40px;background:var(--mint);color:var(--green);border-radius:12px;display:grid;place-items:center}.location-icon svg{width:19px}.location-list div>div:nth-child(2),.activity div>div{flex:1}.location-list b,.location-list span,.activity b,.activity span,.activity small{display:block}.location-list span,.activity span,.activity small{font-size:11px;color:var(--muted)}.channel-bars>div{margin:15px 0}.channel-bars span{display:flex;justify-content:space-between;font-size:12px}.channel-bars i{display:block;height:8px;background:#edf1f3;border-radius:9px;margin-top:7px;overflow:hidden}.channel-bars em{display:block;height:100%;border-radius:9px}.activity i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800}.activity i.in{background:var(--mint);color:var(--green)}.activity i.out{background:#fff1e5;color:#d66c15}.activity time{font-size:10px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}.spin-anim{animation:spin .6s ease-out}@keyframes spin{to{transform:rotate(-360deg)}}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0f172a0d,0 1px 2px -1px #0f172a08;display:flex;flex-direction:column;gap:16px}.batch-history{display:grid;gap:11px}.batch-search{width:min(520px,100%)}.batch-history-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.batch-history-summary b{color:var(--text)}.shipment-batch-folder{border:1px solid #d9e9ef;border-radius:14px;background:#fff;overflow:hidden}.shipment-batch-folder>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:12px;padding:14px 15px}.shipment-batch-folder>summary::-webkit-details-marker{display:none}.shipment-batch-folder[open]>summary{background:#eff8fb;border-bottom:1px solid #d9e9ef}.batch-folder-icon{width:38px;height:38px;border-radius:10px;background:#e3f7fb;color:#0784aa;display:grid;place-items:center}.batch-folder-icon svg,.batch-folder-chevron{width:18px}.batch-folder-main b,.batch-folder-main small,.batch-folder-meta b,.batch-folder-meta small{display:block}.batch-folder-main small,.batch-folder-meta small{color:var(--muted);font-size:12px;margin-top:2px}.batch-folder-meta{text-align:right}.batch-folder-chevron{color:#678090;transition:transform .18s}.shipment-batch-folder[open] .batch-folder-chevron{transform:rotate(180deg)}.batch-folder-content{display:grid;gap:14px;padding:15px}.batch-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.batch-audit-grid>span{border:1px solid #e0ebf0;border-radius:10px;padding:10px 11px}.batch-audit-grid small,.batch-audit-grid b{display:block}.batch-audit-grid small{color:var(--muted);margin-bottom:4px}.batch-proof{width:min(340px,100%);border:1px solid #d8e7ed;border-radius:11px;overflow:hidden;color:#087fa9;text-decoration:none;background:#f4fafc}.batch-proof img{display:block;width:100%;height:150px;object-fit:cover}.batch-proof span{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;font-weight:800}.batch-proof svg{width:17px}.batch-package-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px}.batch-package-title span{color:var(--muted);font-size:13px}@media(max-width:720px){.batch-history-summary{align-items:flex-start;flex-direction:column;gap:2px}.shipment-batch-folder>summary{grid-template-columns:auto 1fr auto}.batch-folder-meta{grid-column:2;text-align:left}.batch-folder-chevron{grid-column:3;grid-row:1}.batch-audit-grid{grid-template-columns:1fr 1fr}.batch-folder-main small{line-height:1.4}}.shipment-groups{display:grid;gap:12px}.shipment-group-tools{display:grid;grid-template-columns:minmax(240px,1fr) 220px 220px;gap:10px}.shipment-group-tools select,.shipment-search{min-height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text)}.shipment-group-tools select{padding:0 12px;font-weight:700}.shipment-search{display:flex;align-items:center;gap:8px;padding:0 12px}.shipment-search svg{width:18px;color:#688091}.shipment-search input{width:100%;border:0;outline:0;background:transparent}.shipment-result-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.shipment-result-summary b{color:var(--text)}.shipment-date-folder,.shipment-route-folder{border:1px solid #d9e9ef;border-radius:13px;background:#fff;overflow:hidden}.shipment-date-folder>summary,.shipment-route-folder>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px}.shipment-date-folder>summary::-webkit-details-marker,.shipment-route-folder>summary::-webkit-details-marker{display:none}.shipment-date-folder>summary{background:#eff8fb;color:#173747}.shipment-date-folder>summary span,.shipment-route-folder>summary span{display:flex;align-items:center;gap:8px}.shipment-date-folder>summary svg,.shipment-route-folder>summary svg{width:17px;color:#0784aa}.shipment-date-folder summary em,.shipment-route-folder summary em{font-style:normal;color:#087fa9;background:#fff;border-radius:999px;padding:5px 9px;font-weight:800;font-size:12px;white-space:nowrap}.shipment-date-content{display:grid;gap:9px;padding:10px}.shipment-route-folder>summary{padding:11px 13px}.shipment-route-folder>summary small{color:var(--muted);padding-left:8px;border-left:1px solid var(--line)}.shipment-route-folder>.shipment-list{padding:0 10px 10px}.shipment-route-folder>.shipment-list article{border-radius:9px}.shipment-load-more{justify-self:center;min-width:240px}@media(max-width:720px){.shipment-group-tools{grid-template-columns:1fr}.shipment-result-summary{align-items:flex-start;flex-direction:column;gap:2px}.shipment-date-folder>summary,.shipment-route-folder>summary{align-items:flex-start}.shipment-route-folder>summary span{align-items:flex-start;flex-direction:column}.shipment-route-folder>summary small{padding-left:0;border-left:0}.shipment-load-more{width:100%;min-width:0}}.product-card.clickable-card{cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0f172a14,0 4px 6px -4px #0f172a0a;border-color:#cbd5e1}.product-head{display:flex;gap:14px;align-items:center}.product-head .product-img{width:56px;height:56px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#94a3b8;overflow:hidden;margin-bottom:0;flex-shrink:0}.product-head .product-img img{width:100%;height:100%;object-fit:cover}.product-info h3{margin:4px 0 0;font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.product-variants{border-top:1px solid #f1f5f9;padding-top:12px}.variant-count{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.variant-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8fafc}.variant-item:last-child{border-bottom:none;padding-bottom:0}.variant-item div{display:flex;flex-direction:column;gap:2px}.variant-item b{font-size:13px;color:#334155;font-weight:600}.variant-item code{font-size:11px;color:#94a3b8;background:none;padding:0}.variant-item strong{font-size:13px;color:var(--green);font-weight:700}.inactive-badge{font-weight:500;color:#94a3b8;font-size:11px;margin-left:4px}.card-edit{position:absolute;right:16px;top:16px;width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;display:grid;place-items:center;cursor:pointer;transition:all .2s;z-index:2}.card-edit:hover{background:#f1f5f9;color:#0f172a}.filters{display:flex;gap:10px;margin-bottom:14px}.filters label{background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 12px;flex:1}.filters svg{width:16px;color:var(--muted)}.filters input{border:0;outline:0;padding:11px;width:100%;background:none}.filters select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 12px;outline:0;flex:1}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 12px;outline:0;width:100%}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf1f3;font-size:12px}th{background:#f8fafb;color:var(--muted);font-size:9px;letter-spacing:.6px;text-transform:uppercase}td small.block{display:block;color:var(--muted)}.status.ok{background:var(--mint);color:#08734a}.status.danger{background:#ffeaeb;color:#b52d35}.status.wait{background:#fff1d9;color:#a4620b}.status.info{background:#e8efff;color:#244ea4}.positive{color:var(--green)}.negative{color:var(--red)}.empty{text-align:center;padding:45px;color:var(--muted)}.empty svg{width:32px}.empty b,.empty span{display:block;margin-top:5px}.timeline{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 20px}.timeline>div{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f3}.timeline>div:last-child{border:0}.timeline>div>i{width:10px;height:10px;border-radius:50%;background:var(--green)}.timeline>div>i.out{background:var(--amber)}.timeline time{width:135px;font-size:10px;color:var(--muted)}.timeline section{flex:1}.timeline section>*{display:block}.timeline section span,.timeline section small{color:var(--muted);font-size:11px}.report-hero{background:var(--navy);color:#fff;padding:30px;border-radius:18px;display:flex;align-items:center;justify-content:space-between}.report-hero h2{font:800 36px Manrope;margin:8px 0}.report-hero p{color:#b9cfdb}.report-hero svg{width:80px;height:80px;color:#38d596;opacity:.7}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.user-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:12px}.user-grid article>div:nth-child(2){flex:1}.user-grid h3,.user-grid p{margin:2px 0}.user-grid p{font-size:11px;color:var(--muted)}.user-grid>article>svg{color:var(--muted);width:18px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-art{background:radial-gradient(circle at 15% 80%,#1a6a6d 0,transparent 30%),linear-gradient(135deg,#062a48,#0a4568);color:#fff;padding:0 7vw 5vh;display:flex;flex-direction:column}.brand.light{padding-left:0}.hero-copy{margin:auto 0}.hero-copy>span{color:#4fe0a5;font-size:10px;letter-spacing:2px}.hero-copy h1{font:800 clamp(40px,5vw,72px)/1.05 Manrope;margin:18px 0}.hero-copy h1 i{color:#45daa0;font-style:normal}.hero-copy p{color:#b9ceda;max-width:480px;font-size:17px}.login-stats{display:flex;gap:55px;border-top:1px solid #ffffff22;padding-top:25px}.login-stats b,.login-stats span{display:block}.login-stats b{font:800 22px Manrope}.login-stats span{font-size:10px;color:#a8c0d0}.login-panel{display:grid;place-items:center;padding:40px;background:#f8fafb}.login-box{width:min(440px,100%)}.login-box>small{color:var(--green);font-weight:800;letter-spacing:1.3px}.login-box h2{font:800 30px Manrope;margin:8px 0}.login-box>p{color:var(--muted);margin-bottom:28px}.login-option{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px;margin:10px 0;text-align:left;cursor:pointer}.login-option:hover{border-color:var(--green);box-shadow:0 8px 24px #092f4f0d}.login-option>div:nth-child(2){flex:1}.login-option b,.login-option span{display:block}.login-option span{font-size:11px;color:var(--muted)}.login-option>svg{width:17px;color:var(--green)}.avatar.pic{background:#e7efff;color:#2d54a6}.avatar.finance{background:#fff1d9;color:#a4620b}.secure-note{background:var(--mint);color:#267257;padding:12px;border-radius:11px;font-size:11px;margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:#001b2d99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:20px;width:min(540px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 70px #001b2d55}.modal.large{width:min(800px,100%)}.modal>header{display:flex;padding:22px;border-bottom:1px solid var(--line)}.modal>header>div{flex:1}.modal h2,.modal p{margin:0}.modal h2{font:800 21px Manrope}.modal p{color:var(--muted);font-size:12px;margin-top:4px}.modal form{padding:22px}.field{display:block;margin-bottom:15px}.field>span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.field textarea{min-height:75px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.toast{position:fixed;right:20px;bottom:20px;background:#0c3e38;color:#fff;padding:14px 18px;border-radius:13px;display:flex;align-items:center;gap:9px;z-index:80;box-shadow:0 15px 35px #001b2d33}.toast svg{width:18px;color:#56e2a8}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.user-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.close-mobile,.menu-btn{display:block}.close-mobile{margin-left:auto}main{margin-left:0}main>header{padding:0 16px}.content{padding:20px 16px 50px}.header-actions .date-chip{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .card:last-child{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.page-head{align-items:flex-start}.page-head .primary span{display:none}.timeline time{width:90px}.timeline>div{align-items:flex-start;flex-wrap:wrap}}@media(max-width:520px){.stats-grid,.stats-grid.compact,.product-grid,.user-grid{grid-template-columns:1fr}.welcome,.page-head{align-items:flex-start}.welcome{padding:22px;flex-direction:column}.welcome .primary{width:100%}.filters{flex-direction:column}.form-grid{grid-template-columns:1fr}.timeline time{width:auto}.timeline section{min-width:65%}.product-card footer{flex-direction:column;gap:4px}.toast{left:12px;right:12px;bottom:12px}}.login-submit{width:100%;margin-top:5px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-8px;margin-bottom:15px}.login-options .toggle-field{margin:0;font-size:12px}.login-error{background:#ffeaeb;color:#a72f36;border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eaf0f3;border-radius:11px;padding:4px;margin-bottom:20px}.auth-tabs button{border:0;background:transparent;border-radius:8px;padding:9px;font-weight:700;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px #092f4f12}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:13px;background:var(--bg);color:var(--navy)}.loading-page .brand-mark{color:#fff}.loading-page b{font:700 15px Manrope}.product-img{overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.upload-hint{display:block;color:var(--muted);font-size:10px;margin:-9px 0 15px}.product-image-preview{display:block;width:88px;height:88px;object-fit:cover;border:1px solid var(--line);border-radius:12px;margin:12px 0 0}.barcode-graphic{display:grid;gap:5px;max-width:220px;color:#172033}.barcode-graphic small{font-size:11px;font-weight:700;color:var(--muted)}.barcode-graphic svg{display:block;width:100%;height:38px;background:#fff}.barcode-graphic code{font-size:11px;letter-spacing:1.5px;color:var(--text);white-space:nowrap}.barcode-graphic.compact{max-width:112px;margin-top:5px}.barcode-graphic.compact svg{height:28px}.barcode-graphic.compact code{font-size:9px;letter-spacing:.7px}.barcode-pending{display:block;padding:10px 11px;border-radius:9px;background:#f4f7f8;color:var(--muted);font-size:12px;font-weight:600}.barcode-field{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-height:64px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.barcode-field .table-action{flex:0 0 auto}.product-export-modal{padding:22px}.product-export-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:13px}.product-export-toolbar .link-btn{border:0;background:transparent;color:#087fa9;font-weight:700;cursor:pointer}.product-export-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;padding:4px}.product-export-columns label{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;font-weight:600;cursor:pointer}.product-export-columns label:hover{border-color:#079bc3;background:#f8fcfd}.product-export-columns input{width:18px;height:18px;accent-color:#079bc3}.product-export-summary{margin:16px 0 0!important;padding:11px 12px;border-radius:10px;background:#f0fafc;color:var(--text)!important}.product-export-summary b{color:#087fa9}.location-sales-list{display:grid}.location-sales-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f3}.location-sales-list>div:last-child{border:0}.location-sales-list>div>div:nth-child(2){min-width:0;flex:1}.location-sales-list b,.location-sales-list span{display:block}.location-sales-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-sales-list span{margin-top:2px;color:var(--muted);font-size:12px}.location-sales-list strong{color:#087fa9;font-size:14px;white-space:nowrap}.product-card{position:relative}.card-edit{position:absolute;right:24px;top:24px;width:34px;height:34px;border:0;border-radius:10px;background:#fffffff0;color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px #092f4f20;z-index:2}.card-edit:hover{background:var(--mint);color:var(--green)}.card-edit svg,.user-edit svg{width:17px}.user-edit{color:var(--muted)}.user-edit:hover{background:var(--mint);color:var(--green)}.toggle-field{display:flex;align-items:center;gap:9px;margin:8px 0 15px;font-size:12px;font-weight:700}.toggle-field input{width:17px;height:17px;accent-color:var(--green)}.business-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;gap:20px;align-items:center}.business-logo{width:100px;height:100px;border-radius:20px;background:var(--mint);color:var(--green);display:grid;place-items:center;font:800 27px Manrope;overflow:hidden;flex:0 0 auto}.business-logo img{width:100%;height:100%;object-fit:cover}.business-card h2,.business-card p{margin:2px 0}.business-card span,.business-card address{display:block;color:var(--muted);font-size:12px;margin-top:7px}.business-card address{font-style:normal}.list-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d9e1e8;border-radius:12px;padding:0 14px;margin:0 0 16px;max-width:520px}.list-search svg{width:18px;color:#718096}.list-search input{border:0;background:transparent;width:100%;padding:13px 0;outline:0}.filters .list-search{margin:0;flex:1}.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-action{border:0;background:#edf6ff;color:#075985;padding:7px 10px;border-radius:8px;font-weight:700;cursor:pointer}.danger-text{color:#b42318;background:#fff0ef}.danger-button{border:0;background:#c9362b;color:#fff;border-radius:10px;padding:11px 16px;font-weight:700;display:flex;align-items:center;gap:8px}.detail-list{display:grid;gap:0;border:1px solid #dce4eb;border-radius:12px;overflow:hidden;margin:22px}.detail-list p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:14px;border-bottom:1px solid #e8edf2}.detail-list p:last-child{border:0}.detail-list span{color:#667585}.notification-list{display:grid;gap:12px;padding:22px}.notification-list article{border:1px solid #f0c8a0;background:#fffaf4;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.notification-list article div{display:grid;gap:5px}.notification-list article span{color:#657483}.empty.standalone{padding:35px}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr))}.onboarding{background:linear-gradient(135deg,#073b5c,#075f61);color:#fff;border-radius:18px;padding:25px;margin-bottom:22px}.onboarding h2{margin:5px 0}.onboarding p{color:#d7eaee}.onboarding ol{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.onboarding li{display:grid;gap:6px;background:#ffffff14;border:1px solid #ffffff26;padding:15px;border-radius:12px}.onboarding li.done{opacity:.65}.onboarding li span{font-size:13px;color:#d7eaee}.onboarding li button{margin-top:7px;border:0;border-radius:8px;padding:8px;background:#fff;color:#06415e;font-weight:700;cursor:pointer}@media(max-width:800px){.report-filters,.onboarding ol{grid-template-columns:1fr}.actions-cell{min-width:180px}.detail-list p{flex-direction:column;gap:4px}}body{font-size:16px;line-height:1.5}.brand small{font-size:12px}.workspace>span{font-size:11px}.workspace small,.sidebar-user small{font-size:13px}.sidebar nav button{font-size:15px}.sidebar nav em{font-size:12px}header small{font-size:11px}.date-chip{font-size:12px}.date-chip b{font-size:14px}.welcome span{font-size:11px}.welcome p,.page-head p{font-size:16px}.small-primary,.stat small,.stat span,.location-list span,.activity span,.activity small{font-size:13px}.channel-bars span{font-size:14px}.activity time{font-size:12px}.badge,.status{font-size:12px;padding:5px 10px}.product-card code{font-size:12px}.product-card small{font-size:13px}.product-card footer{font-size:12px}th,td{font-size:14px;padding:16px}th{font-size:12px;letter-spacing:.5px}.empty b{font-size:15px}.empty span{font-size:14px}.timeline time{font-size:12px}.timeline section span,.timeline section small{font-size:13px}.user-grid p{font-size:13px}.login-stats span,.login-option span{font-size:12px}.secure-note{font-size:13px}.modal p{font-size:14px}.field>span{font-size:12px}.field input,.field select,.field textarea{font-size:15px}.login-error{font-size:14px}.upload-hint{font-size:12px}.toggle-field,.business-card span,.business-card address{font-size:14px}.table-action{font-size:13px}.detail-list p,.notification-list article span{font-size:14px}@media(max-width:1024px){body,.welcome p,.page-head p{font-size:15px}th,td{font-size:13px;padding:13px}.sidebar nav button{font-size:15px}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-grid .avatar{width:48px;height:48px}.sidebar-user .avatar{width:40px;height:40px}.brand-mark{overflow:hidden;background:#fff;padding:2px;box-shadow:0 8px 25px #001c2e66}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}.brand.light{height:auto;padding-top:24px}.brand-full-logo{width:150px;height:150px;object-fit:contain;display:block;margin-bottom:18px;filter:drop-shadow(0 10px 24px #00111f66)}.loading-page .brand-mark{padding:2px}.toast-success svg{color:#56e2a8}.toast-error{background:#9f2424}.toast-error svg{color:#ffe4a8}.toast-info{background:#075985}.toast-info svg{color:#b9ecff}.notification-list article{border-color:#d6e7ee;background:#f7fcfe}.notification-list article.notification-warning{border-color:#f0c8a0;background:#fffaf4}.notification-copy{display:flex!important;align-items:flex-start;gap:11px}.notification-copy>div{display:grid!important;gap:5px}.notification-icon{width:30px;height:30px;border-radius:9px;background:#e4f6fc;color:#087fa9;display:grid!important;place-items:center;flex:0 0 auto}.notification-warning .notification-icon{background:#fff0dc;color:#b76713}.notification-icon svg{width:16px}.notification-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notification-summary>span{background:#f2f8fa;border:1px solid #dcebf0;border-radius:11px;padding:11px 12px;color:var(--muted);font-size:12px}.notification-summary b{display:block;color:var(--text);font:800 19px Manrope}.notification-group{display:grid;gap:9px}.notification-group>header{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 0;color:#6b7f8e;font-size:10px;font-weight:800;letter-spacing:.8px}.notification-group>header b{font-size:11px;letter-spacing:0;color:#78909f}.notification-list .notification-group article{padding:12px 13px}.notification-list .small-primary{min-width:118px;max-width:145px;line-height:1.25}@media(max-width:520px){.notification-list article{align-items:flex-start;flex-direction:column}.notification-list .small-primary{width:100%}}.shipping-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.shipping-stats article{background:#fff;border:1px solid var(--line);border-top:3px solid #0aa0c5;border-radius:14px;padding:16px}.shipping-stats span,.shipping-stats small{display:block;color:var(--muted)}.shipping-stats b{display:block;font:800 25px Manrope;margin:4px 0}.shipping-tabs{display:flex;gap:6px;background:#eaf3f6;padding:5px;border-radius:12px;margin-bottom:16px;overflow:auto}.shipping-tabs button{border:0;background:transparent;color:#607789;border-radius:9px;padding:10px 15px;font-weight:800;white-space:nowrap;cursor:pointer}.shipping-tabs button.active{background:#fff;color:#087fa9;box-shadow:0 3px 10px #174a5b14}.shipping-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.shipping-workspace{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.shipping-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px}.shipping-heading small{color:#0784aa;font-weight:800;letter-spacing:.8px}.shipping-heading h3{margin:3px 0;font:800 19px Manrope}.shipping-heading p{margin:0;color:var(--muted)}.shipping-heading>span{background:#e5f7fb;color:#087fa9;border-radius:999px;padding:7px 11px;font-weight:800;white-space:nowrap}.continuous-resi-scanner{border:1px solid #cde5ed;background:#f6fcfe;border-radius:15px;padding:14px;margin-bottom:16px}.continuous-scan-status{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:10px;background:#edf5f7;color:#536b7a;margin-bottom:12px}.continuous-scan-status.success{background:#e4f8ee;color:#08734a}.continuous-scan-status.error{background:#fff0ef;color:#b42318}.scan-status-dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:0 0 auto}.continuous-start{width:100%;min-height:50px}.continuous-camera{position:relative;background:#082f42;border-radius:13px;overflow:hidden;min-height:300px}.continuous-camera video{display:block;width:100%;height:360px;object-fit:cover}.scan-reticle{position:absolute;inset:20% 9%;border:3px solid #63efb7;border-radius:14px;box-shadow:0 0 0 999px #00172273;display:grid;place-items:end center}.scan-reticle span{background:#073b5ddd;color:#fff;padding:7px 10px;border-radius:8px;margin-bottom:10px}.continuous-camera>button{position:absolute;right:12px;top:12px;z-index:2;border:0;border-radius:9px;background:#fff;color:#173243;padding:8px 11px;display:flex;align-items:center;gap:6px;font-weight:800}.continuous-camera svg{width:16px}.manual-resi{display:flex;gap:9px;margin-top:11px}.manual-resi input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 12px;text-transform:uppercase}.shipment-list{display:grid;gap:8px}.shipment-list article{display:flex;align-items:center;gap:11px;border:1px solid #e0eaf0;border-radius:11px;padding:11px 12px}.shipment-list article>div{flex:1}.shipment-list b,.shipment-list small{display:block}.shipment-list small,.shipment-list time{color:var(--muted);font-size:12px}.shipment-state{width:31px;height:31px;border-radius:9px;background:#dff7eb;color:#078351;display:grid;place-items:center}.shipment-state.handover_scanned{background:#fff1d9;color:#ae650d}.shipment-state svg{width:16px}.handover-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shipping-finalize{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:17px;padding-top:17px}.shipping-finalize span{color:var(--muted)}.shipping-finalize b{color:var(--text)}@media(max-width:720px){.shipping-stats,.shipping-config,.handover-fields{grid-template-columns:1fr}.shipping-workspace{padding:14px}.shipping-heading,.shipping-finalize{align-items:stretch;flex-direction:column}.shipping-heading>span{align-self:flex-start}.continuous-camera,.continuous-camera video{min-height:240px;height:55vh}.manual-resi{flex-direction:column}.shipment-list article{align-items:flex-start;flex-wrap:wrap}.shipment-list time{width:100%;padding-left:42px}.shipping-finalize .primary{width:100%}}.clickable-card{cursor:pointer;transition:all .2s}.clickable-card:hover{border-color:var(--green);box-shadow:0 8px 24px #092f4f0d}.clickable-card .icon-btn,.clickable-card .card-edit{pointer-events:none}.stock-toolbar{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(280px,1.2fr);gap:12px;margin:18px 0 10px}.stock-location-picker{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.stock-location-picker>span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.7px}.stock-location-picker select{border:0;outline:0;background:transparent;width:100%;font-weight:800;color:var(--text);padding:2px 18px 2px 0}.stock-location-picker small{display:block;color:var(--muted);font-size:11px}.stock-toolbar .list-search{max-width:none;margin:0}.stock-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.stock-filter-row>span{font-size:12px;color:var(--muted);font-weight:700}.stock-filter-row button{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:7px 11px;font-size:11px;font-weight:700;cursor:pointer}.stock-filter-row button:hover,.stock-filter-row button.active{border-color:var(--green);background:var(--mint);color:#08734a}.stock-filter-row button.active.warning{border-color:#f2b35f;background:#fff5e7;color:#a4620b}.stock-filter-row button.active.danger{border-color:#f1a9ad;background:#ffeaeb;color:#b52d35}.minimum-input{width:86px;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-weight:700}.stock-low-value{color:#b45309}@media(max-width:720px){.stock-toolbar{grid-template-columns:1fr}.stock-filter-row button{min-height:36px}.stock-location-picker{min-height:58px}}.variant-picker-list{max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;padding:6px;background:#fff}.variant-picker-option{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:8px;cursor:pointer}.variant-picker-option:hover{background:#f0fafc}.variant-picker-option input{width:18px;height:18px;accent-color:#079bc3;flex:0 0 auto}.variant-picker-option span{display:grid;gap:2px}.variant-picker-option b{font-size:14px}.variant-picker-option .variant-stock{color:var(--muted);font-size:12px}.opname-selected-item{background:#f8fafc;padding:13px;border-radius:12px;margin-bottom:10px;border:1px solid #dce8ed}.opname-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.opname-item-head b,.opname-item-head small{display:block}.opname-item-head small{color:var(--muted);font-size:12px;margin-top:2px}.attendance-hero{background:linear-gradient(115deg,var(--navy),#087fa9);color:#fff;border-radius:16px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.attendance-hero small{letter-spacing:1px;font-weight:800;color:#a9e5f2}.attendance-hero h3{font:800 21px Manrope;margin:4px 0}.attendance-hero p{margin:0;color:#d6edf2}.attendance-actions{display:flex;gap:9px;flex-wrap:wrap}.attendance-actions .secondary{background:#fff;color:var(--navy)}.attendance-settings{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.attendance-settings .card-head span{font-size:12px;color:var(--muted)}.attendance-setting-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:10px;align-items:end;padding:12px 0;border-top:1px solid var(--line)}.attendance-setting-row:first-of-type{border-top:0}.attendance-setting-row label{display:grid;gap:4px;font-size:11px;color:var(--muted);font-weight:700}.attendance-setting-row input{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff;color:var(--text)}.payroll-section{margin-top:22px}.payroll-section .card-head{margin-bottom:10px}.payroll-section .card-head span{font-size:12px;color:var(--muted)}.table-controls{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,.45fr));gap:10px;margin-bottom:12px}.table-controls .list-search{max-width:none;margin:0}.date-filter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 10px;color:var(--muted);font-size:11px;font-weight:700}.date-filter input{border:0;outline:0;background:transparent;padding:10px 0;min-width:0;color:var(--text)}.table-wrap th[onclick]{cursor:pointer;-webkit-user-select:none;user-select:none}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 2px;color:var(--muted);font-size:12px}.table-pagination>div{display:flex;gap:8px}.table-pagination .secondary{padding:8px 12px;font-size:12px}@media(max-width:820px){.table-controls{grid-template-columns:1fr 1fr}.table-controls .list-search{grid-column:1/-1}}@media(max-width:520px){.table-controls{grid-template-columns:1fr}.table-pagination{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.attendance-hero{align-items:flex-start;flex-direction:column}.attendance-setting-row{grid-template-columns:1fr 1fr}.attendance-setting-row>b{grid-column:1/-1}}.field{margin-bottom:20px}.field>span{font-size:11px;font-weight:700;color:#64748b;margin-bottom:8px}.field input,.field select,.field textarea{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;padding:13px 16px;color:#0f172a;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--green);box-shadow:0 0 0 4px #18a66a26}.field input[type=file]{background:#fff;border:2px dashed #cbd5e1;padding:16px;cursor:pointer;color:#64748b;font-size:14px}.field input[type=file]:hover{border-color:var(--green);background:#f0fdf4;color:var(--green)}.field input[type=file]::file-selector-button{background:var(--mint);color:var(--green);border:none;padding:8px 16px;border-radius:8px;font-weight:700;margin-right:14px;cursor:pointer;transition:all .2s}.field input[type=file]::file-selector-button:hover{background:#d1fae5}.form-grid{gap:16px}.proof-link{display:block;margin-top:6px;font-size:12px;font-weight:700;color:var(--green)}.payroll-payment-summary{margin:0 0 20px}.help-page{padding:0;max-width:800px;margin:0 auto}.help-hero{background:linear-gradient(135deg,var(--navy),#06415e);color:#fff;padding:35px 40px;border-radius:20px;display:flex;align-items:center;gap:24px;margin-bottom:24px}.help-hero svg{width:56px;height:56px;color:var(--mint);opacity:.9}.help-hero h2{font:800 28px Manrope;margin:0 0 6px}.help-hero p{color:#d7eaee;margin:0;font-size:15px;line-height:1.5}.help-grid{display:grid;gap:16px}.help-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.help-card:hover{border-color:#c4d4e1;box-shadow:0 6px 16px #092f4f0a}.help-card.open{border-color:var(--green);box-shadow:0 8px 24px #092f4f0d}.help-card header{display:flex;align-items:center;gap:18px;padding:22px;cursor:pointer}.help-card .icon-wrap{background:#f0f7f4;color:var(--green);width:48px;height:48px;border-radius:12px;display:grid;place-items:center}.help-card .icon-wrap svg{width:22px}.help-card-text{flex:1}.help-card h3{font:800 17px Manrope;margin:0 0 4px;color:var(--navy)}.help-card p{margin:0 0 6px;color:var(--muted);font-size:13px}.article-count{background:var(--mint);color:var(--green);padding:3px 8px;border-radius:6px;font-weight:700;font-size:10px;display:inline-block}.help-card .icon-btn{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px}.help-card.open .icon-btn{color:var(--green);background:var(--mint)}.help-content{border-top:1px solid var(--line);padding:22px;display:grid;gap:14px;background:#fafcfd}.help-step{display:flex;width:100%;align-items:flex-start;gap:12px;cursor:pointer;padding:8px;border:0;background:transparent;text-align:left;border-radius:8px;transition:.2s}.help-step:hover{background:#f0f7f4}.help-step:focus-visible,.help-card header:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 40%,transparent);outline-offset:2px}.help-step svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:3px}.help-step span{color:var(--navy);font-size:14px;line-height:1.5;font-weight:500}.help-search{position:relative;margin-bottom:24px}.help-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);width:20px}.help-search input{width:100%;padding:18px 20px 18px 48px;border-radius:16px;border:1px solid var(--line);font-size:15px;outline:none;transition:.2s;box-shadow:0 4px 12px #00000005}.help-search input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--mint)}.help-popular{margin-bottom:30px}.help-popular h4{font:800 14px Manrope;margin:0 0 12px;color:var(--navy)}.popular-list{display:flex;flex-wrap:wrap;gap:10px}.popular-btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 16px;border-radius:99px;font-size:13px;cursor:pointer;transition:.2s;font-weight:500}.popular-btn:hover{border-color:var(--green);color:var(--green);background:var(--mint)}.help-reading-header{margin-bottom:24px}.back-btn{background:transparent;border:0;color:var(--green);font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;font-size:14px;transition:.2s}.back-btn:hover{color:var(--navy)}.help-reading-content{background:#fff;padding:32px;border-radius:20px;border:1px solid var(--line);box-shadow:0 8px 24px #092f4f0d}.article-title{font:800 24px Manrope;color:var(--navy);margin:0 0 24px;line-height:1.3;border-bottom:1px solid var(--line);padding-bottom:20px}.article-body{font-size:15px;line-height:1.6;color:var(--text)}.article-body p{margin-bottom:16px}.article-body ul,.article-body ol{padding-left:20px;margin-bottom:20px}.article-body li{margin-bottom:8px}.article-body strong{color:var(--navy)}.article-body .alert-info{background:#e3f2fd;color:#0d47a1;padding:12px 16px;border-radius:8px;margin-top:16px;font-weight:500}@media(max-width:600px){.help-hero{padding:25px;flex-direction:column;align-items:flex-start;gap:16px}.help-card header{padding:18px;gap:14px}}.dash-grid-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.dash-grid-middle{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dash-grid-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-widget{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.dash-widget header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.dash-widget header h3{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--navy)}.widget-content{padding:20px;flex:1}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px;padding-bottom:20px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";position:absolute;left:63px;top:16px;bottom:0;width:2px;background:var(--line)}.time-col{width:40px;text-align:right;flex-shrink:0}.time-col b{display:block;font-size:16px;color:var(--navy);line-height:1}.time-col small{color:var(--muted);font-size:11px;text-transform:uppercase}.timeline-dot{width:12px;height:12px;background:#fff;border:3px solid;border-radius:50%;margin-top:2px;position:relative;z-index:1;flex-shrink:0}.timeline-content{flex:1}.timeline-content p{margin:6px 0;font-size:13px;color:var(--navy)}.time-badge{display:inline-block;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:600}.ranking-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.rank-info b{display:block;font-size:14px;color:var(--navy);margin-bottom:2px}.rank-info small{color:var(--muted);font-size:13px}@media(max-width:900px){.dash-grid-middle,.dash-grid-bottom{grid-template-columns:1fr}}.close-desktop{margin-left:auto;color:#87a8bd}.close-desktop:hover{color:#fff}@media(min-width:1025px){.sidebar{transition:transform .25s ease-in-out}main{transition:margin-left .25s ease-in-out}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-collapsed main{margin-left:0}.sidebar-collapsed .menu-btn{display:block!important}}@media(max-width:1024px){.close-desktop{display:none}}.sidebar-tab-toggle{display:none}@media(min-width:1025px){.sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1)}main{transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.app-shell.sidebar-collapsed .sidebar{transform:translate(-100%)}.app-shell.sidebar-collapsed main{margin-left:0}.app-shell.sidebar-collapsed .menu-btn{display:block!important}.sidebar-tab-toggle{display:flex;position:absolute;top:50%;right:-24px;width:24px;height:48px;background:var(--navy);border:none;border-radius:0 12px 12px 0;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 0 8px #00000026;z-index:40;color:#87a8bd;padding:0;transform:translateY(-50%);transition:all .2s ease}.sidebar-tab-toggle:hover{color:#fff;background:var(--navy2);width:28px;right:-28px}}.sidebar-overlay{display:none}@media(max-width:1024px){.sidebar-overlay{display:block;position:fixed;inset:0;background:#092f4f66;z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.login-page{grid-template-columns:minmax(0,1.2fr) minmax(520px,.8fr);background:radial-gradient(circle at 8% 92%,#ff6a4d 0,transparent 29%),linear-gradient(135deg,#971c24,#d92d27 54%,#f04438)}.login-art{position:relative;overflow:hidden;padding:0;background:transparent}.login-carousel-stage{position:absolute;width:min(92%,980px);aspect-ratio:1.42 / 1;max-height:calc(100% - 140px);left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:2px solid #ffffffc9;border-radius:24px;background:#ffffff14;box-shadow:0 24px 50px #5f101b55,inset 0 0 0 6px #ffffff20;animation:carousel-float 5s ease-in-out infinite}.login-carousel-stage:after{content:"";position:absolute;inset:0;z-index:1;border:1px solid #ffd47e99;border-radius:inherit;pointer-events:none;animation:frame-glow 2.8s ease-in-out infinite}.login-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;transform:none;transition:none}.login-slide.active{opacity:1}.login-carousel-controls{position:absolute;z-index:3;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff59;border-radius:99px;background:#172033c9;box-shadow:0 6px 18px #17203366;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-carousel-controls button{width:36px;height:36px;padding:0;border:0;border-radius:99px;background:transparent;cursor:pointer;display:grid;place-items:center}.login-carousel-controls button:before{content:"";width:9px;height:9px;border-radius:99px;background:#ffffffa6;transition:background .2s,width .2s}.login-carousel-controls button:hover:before{background:#fff}.login-carousel-controls button.active:before{width:24px;background:#f8b719}.login-panel{background:transparent;padding:clamp(36px,6vw,96px)}.login-box{width:min(520px,100%);background:#fff;border:1px solid #ffffffb8;border-radius:24px;padding:clamp(32px,4vw,52px);box-shadow:0 26px 70px #63131c55}.login-box.forgot-flow{background:#fff}.login-option:hover{box-shadow:0 8px 24px #7c1d1812}.secure-note{color:#7c2d12}.modal-backdrop{background:#35140b99}.toast{background:#172033;box-shadow:0 15px 35px #17203333}.toast svg{color:#f8b719}@media(max-width:1024px){.login-page{grid-template-columns:1fr}.login-art{display:none}}@media(prefers-reduced-motion:reduce){.login-carousel-stage,.login-carousel-stage:after{animation:none}.login-slide{transition:none;transform:none}}@keyframes carousel-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@keyframes frame-glow{0%,to{opacity:.6;box-shadow:inset 0 0 #ffd47e00}50%{opacity:1;box-shadow:inset 0 0 28px 2px #ffd47e66}}.brand-mark{background:linear-gradient(145deg,#fff,#eef2f7);box-shadow:0 8px 25px #0f172a33}.brand strong{color:#fff}.brand small,.workspace small,.sidebar-user small{color:#aab6ca}.nav-group-title,.workspace>span{color:#8fa1bd}.sidebar nav button{color:#c7d1df}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff14}.sidebar nav button.active{box-shadow:inset 3px 0 #ef4444}.primary{box-shadow:0 8px 18px #d92d2730}.primary:hover{background:#bd211c}.welcome{background:linear-gradient(120deg,#172033,#28364f);box-shadow:0 12px 28px #1720331c}.small-primary{color:#b42318}@media(max-width:600px){body{overflow-x:hidden}main>header{height:64px;padding:0 14px;gap:10px}header h1{font-size:18px;line-height:1.15}header small{font-size:10px;letter-spacing:.7px}.header-actions{gap:4px}.header-actions .notification{padding:10px}.header-user{padding-left:8px;margin-left:0;border-left:0}.header-user>div:nth-child(2){display:none}.content{padding:16px 14px 40px}.page-head,.welcome{gap:14px;margin-bottom:18px}.page-head{flex-direction:column;align-items:stretch}.page-head h2,.welcome h2{font-size:23px}.page-head .primary,.welcome .primary{width:100%;min-height:48px}.page-head .primary span{display:inline}.primary,.secondary,.danger-button{min-height:44px}.icon-btn,.card-edit,.user-edit{min-width:44px;min-height:44px}.stats-grid,.stats-grid.compact,.product-grid,.user-grid{gap:12px}.card,.stat{padding:16px;border-radius:14px}.filters,.filters .list-search{width:100%}.filters select,.filters label{min-height:48px;width:100%}.field input,.field select,.field textarea{min-height:48px;font-size:16px}.table-wrap{border-radius:12px;-webkit-overflow-scrolling:touch}.timeline{padding:6px 14px}.timeline>div{gap:10px;padding:13px 0}.report-hero{flex-direction:column;align-items:stretch;gap:18px!important;padding:22px}.report-hero>div{width:100%}.report-hero>svg{align-self:flex-end;width:52px;height:52px}.report-hero h2{font-size:28px;overflow-wrap:anywhere}.business-card{padding:18px;align-items:flex-start}.business-logo{width:62px;height:62px;border-radius:15px;font-size:19px}.modal-backdrop{padding:10px;align-items:flex-end}.modal,.modal.large{width:100%;max-height:92dvh;border-radius:20px 20px 14px 14px}.modal>header,.modal form{padding:18px 16px}.modal-actions{flex-direction:column-reverse}.modal-actions>button{width:100%;min-height:46px}.login-panel{min-height:100dvh;padding:20px 14px;align-items:center}.login-box{width:100%;padding:28px 20px;border-radius:20px}.login-box h2{font-size:27px}.login-options{align-items:stretch;gap:4px}.login-options .toggle-field,.login-options .link-btn{min-height:44px}.login-options .link-btn{text-align:right}.secure-note{line-height:1.45}.product-export-columns{grid-template-columns:1fr;max-height:42dvh}}.location-icon,.activity i.in{color:#c52722}.channel-sales-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px}.channel-sales-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:14px;min-width:0;padding:20px;color:#fff;border-radius:16px;box-shadow:0 12px 24px #1720331f}.channel-sales-card:after{content:"";position:absolute;right:-30px;bottom:-38px;width:132px;height:132px;border:22px solid rgba(255,255,255,.12);border-radius:50%}.channel-sales-card.outlet{background:linear-gradient(135deg,#b42318,#e33a2d)}.channel-sales-card.online{background:linear-gradient(135deg,#1d4e89,#2476bb)}.channel-sales-card>div,.channel-sales-card>strong{position:relative;z-index:1}.channel-sales-card small,.channel-sales-card span{display:block;color:#ffffffd1}.channel-sales-card small{font-size:12px;font-weight:700;letter-spacing:.35px}.channel-sales-card b{display:block;margin:7px 0 5px;font:800 clamp(21px,2.1vw,29px) Manrope;letter-spacing:-.5px;overflow-wrap:anywhere}.channel-sales-card span{font-size:12px;line-height:1.45}.channel-sales-card>strong{align-self:flex-start;padding:6px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff1f;font-size:11px}@media(max-width:600px){.channel-sales-summary{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.channel-sales-card{min-height:134px;padding:18px}.channel-sales-card b{font-size:25px}}.sale-product-button,.pos-product-button{width:100%;border:0;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;text-align:left;border-radius:10px}.sale-product-button:hover,.pos-product-button:hover{background:var(--mint)}.sale-product-button span,.pos-product-button span{min-width:0}.sale-product-button b,.pos-product-button b,.sale-product-button small,.pos-product-button small{display:block}.sale-product-button small,.pos-product-button small{margin-top:3px;color:var(--muted);font-size:12px}.sale-product-button strong,.pos-product-button strong{color:#b42318;font-size:12px;white-space:nowrap}.pos-modal{width:min(940px,100%)}.modal.pos-modal>header{background:linear-gradient(120deg,#172033,#28364f);color:#fff}.modal.pos-modal>header p{color:#d8e1ef}.pos-modal .form-grid{margin-bottom:14px}.pos-product-picker{border:1px solid #f1c5c1!important;background:#fff7f6!important}.pos-empty-products{margin:8px;color:var(--muted);font-size:13px;text-align:center}.pos-product-picker input{min-height:52px;font-size:17px;border:2px solid #d92d27}.pos-scan-row{display:flex;align-items:stretch;gap:8px}.pos-scan-row input{min-width:0;flex:1}.pos-camera-button{flex:0 0 auto;min-width:92px;border:2px solid #d92d27;border-radius:11px;background:#fff;color:#b42318;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800;cursor:pointer}.pos-camera-button:hover{background:#fff0ee}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}.pos-scan-feedback{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0!important;padding:8px 10px;border-radius:8px;background:#fff0ee;color:#b42318!important;font-size:12px!important}.pos-scan-feedback>button{flex:0 0 auto;border:0;border-radius:7px;padding:6px 8px;background:#fff;color:#087fa9;font-size:11px;font-weight:800;cursor:pointer}.pos-camera-scanner{overflow:hidden;margin-top:10px;border:1px solid #c8e6ee;border-radius:12px;background:#0e2434}.pos-camera-scanner video{display:block;width:100%;max-height:260px;object-fit:cover;background:#0e2434}.pos-camera-scanner>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;color:#fff;font-size:12px;font-weight:700}.pos-camera-scanner button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:7px 9px;background:#ffffff18;color:#fff;font-weight:700;cursor:pointer}.scan-search-row{display:flex;align-items:flex-start;gap:8px;min-width:0}.scan-search-row .list-search{flex:1;min-width:0}.barcode-scan-control{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.barcode-scan-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 13px;border:1px solid var(--blue);border-radius:10px;background:#effbff;color:var(--blue);font-weight:800;white-space:nowrap;cursor:pointer}.barcode-scan-button:hover{background:#dff6fc}.barcode-scan-feedback{flex-basis:100%;padding:8px 10px;border-radius:8px;background:#fff4ec;color:#a1481e;font-size:12px;line-height:1.4}.barcode-scan-control .pos-camera-scanner{width:100%;flex-basis:100%}.scan-field-hint{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.4}.barcode-field{align-items:center;flex-wrap:wrap}.barcode-field>input{flex:1 1 220px;min-width:0}.barcode-field .barcode-scan-control{flex:0 0 auto}.barcode-field .barcode-graphic{flex:1 1 160px}.transfer-verify-list{display:grid;gap:8px;margin-top:14px}.transfer-verify-list>div{display:grid;grid-template-columns:28px 1fr;gap:3px 9px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.transfer-verify-list>div>span{grid-row:1 / span 2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef5f7;color:var(--muted)}.transfer-verify-list>div.verified{border-color:#8be0c5;background:#f0fcf7}.transfer-verify-list>div.verified>span{background:#d9f8eb;color:#087c58}.transfer-verify-list b{font-size:13px}.transfer-verify-list small{color:var(--muted);font-size:12px}.transfer-receive-modal{display:flex;flex-direction:column;width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:hidden}.transfer-receive-modal>header{flex:0 0 auto}.transfer-receive-modal>.transfer-receive-scanner{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px}.transfer-receive-modal>.modal-actions{flex:0 0 auto;margin:0;padding:16px 22px 18px;background:#fff;box-shadow:0 -8px 20px #092f4f0a}.transfer-receive-scanner{display:grid;gap:14px}.transfer-receive-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:13px 15px;border:1px solid #d6e8ee;border-radius:12px;background:#f7fbfd}.transfer-receive-route>div{display:grid;gap:3px}.transfer-receive-route>div:last-child{text-align:right}.transfer-receive-route small,.transfer-receive-section-head small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.transfer-receive-route b{font-size:14px}.transfer-receive-route>svg{color:#079bc3}.transfer-sender-proof{display:grid;gap:9px}.transfer-receive-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.transfer-receive-section-head>div{display:grid;gap:2px}.transfer-receive-section-head b{font-size:14px}.transfer-receive-section-head>a,.transfer-receive-section-head>span{color:#087fa9;font-size:11px;font-weight:800}.transfer-proof-image{display:block;overflow:hidden;height:150px;border:1px solid #c9e4ec;border-radius:12px;background:#edf5f7}.transfer-proof-image img{width:100%;height:100%;object-fit:contain}.transfer-proof-empty{display:flex;align-items:center;gap:11px;min-height:78px;padding:14px;border:1px dashed #cbdde3;border-radius:12px;background:#f8fbfc;color:var(--muted)}.transfer-proof-empty>svg{flex:0 0 auto}.transfer-proof-empty>span{display:grid;gap:2px}.transfer-proof-empty b{color:var(--text);font-size:13px}.transfer-proof-empty small{font-size:11px}.transfer-verify-list{margin-top:0}.receive-proof-title{margin-top:2px}.receive-proof-title em{margin-left:5px;padding:3px 6px;border-radius:99px;background:#eef5f7;color:var(--muted);font-size:9px;font-style:normal;text-transform:uppercase}.transfer-proof-picker{position:relative;display:flex;align-items:center;gap:11px;min-height:72px;padding:13px 14px;border:1.5px dashed #9dcfdd;border-radius:12px;background:#f4fbfd;color:#087fa9;cursor:pointer}.transfer-proof-picker:hover{border-color:#079bc3;background:#eaf9fc}.transfer-proof-picker.selected{border-style:solid;border-color:#72d6b4;background:#f1fcf7;color:#087c58}.transfer-proof-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.transfer-proof-picker>span{display:grid;gap:2px;min-width:0;flex:1}.transfer-proof-picker b{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.transfer-proof-picker small{color:var(--muted);font-size:11px}.transfer-proof-picker>svg{flex:0 0 auto}@media(max-width:600px){.transfer-receive-modal{max-height:calc(100dvh - 20px)}.transfer-receive-modal>.transfer-receive-scanner{padding:14px 16px}.transfer-receive-modal>.modal-actions{padding:14px 16px}.transfer-receive-route{gap:8px;padding:11px}.transfer-receive-route b{font-size:12px}.transfer-proof-image{height:125px}}.pos-category-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:thin}.pos-category-tabs button{flex:0 0 auto;border:1px solid #e4c6c2;border-radius:999px;background:#fff;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;padding:8px 12px}.pos-category-tabs button.active{border-color:#d92d27;background:#d92d27;color:#fff}.pos-product-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px!important;padding:8px!important}.pos-product-button{min-height:72px;padding:12px;border:1px solid var(--line);background:#fff}.pos-product-button:hover{border-color:#d92d27;box-shadow:0 4px 12px #d92d2718}.pos-qty-control{display:flex;align-items:center;gap:6px;white-space:nowrap}.pos-qty-control button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#b42318;font-size:19px;font-weight:800;cursor:pointer}.pos-qty-control b{min-width:20px;text-align:center}.pos-qty-control span{color:var(--muted);font-size:11px}.pos-remove{border:0;background:transparent;color:#d92d27;font-size:24px;line-height:1;cursor:pointer;padding:8px}.pos-cart-table{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.pos-cart-table table{min-width:0}.pos-payment-options{display:flex;gap:9px}.pos-payment-options button{flex:1;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:800;cursor:pointer}.pos-payment-options button.active{border-color:#d92d27;background:#fff0ee;color:#b42318;box-shadow:inset 0 0 0 1px #d92d27}.pos-modal .modal-actions .primary{min-width:180px}.pos-product-results{grid-template-columns:1fr;gap:12px}.pos-product-group{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.pos-product-group>header{display:flex;align-items:center;gap:11px;padding:11px 12px;border-bottom:1px solid #edf0f4;background:#f8fbfd}.pos-product-group>header>div:last-child{min-width:0}.pos-product-group>header b,.pos-product-group>header small{display:block}.pos-product-group>header b{font-size:14px}.pos-product-group>header small{margin-top:2px;color:var(--muted);font-size:11px}.pos-product-image{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:9px;background:#e8f6fa;color:#087fa9;font-size:13px;font-weight:800;flex:0 0 auto}.pos-product-image img{width:100%;height:100%;object-fit:cover}.pos-variant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}.pos-variant-list .pos-product-button{min-height:58px;border:1px solid #edf0f4}.pos-variant-list .pos-product-button:hover{border-color:#d92d27}.transfer-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:12px 14px;border:1px solid #cfe4dc;border-radius:12px;background:#f4fbf8}.transfer-bulk-bar label{display:flex;align-items:center;gap:9px;color:var(--text);font-size:13px;font-weight:700}.transfer-bulk-bar input,.transfer-select{accent-color:#d92d27;width:18px;height:18px}.transfer-document-list{display:grid;gap:12px}.transfer-document-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #10233b09;transition:border-color .18s ease,box-shadow .18s ease}.transfer-document-card:hover,.transfer-document-card.selected{border-color:#d92d27;box-shadow:0 8px 20px #d92d271a}.transfer-document-top{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #edf0f4;background:#fcfdff}.transfer-document-mark{width:18px;height:18px;border-radius:50%;background:#e9eef5}.transfer-code{display:grid;gap:2px;min-width:0;flex:1}.transfer-code span,.transfer-route small,.transfer-items-summary small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.transfer-code b{color:var(--navy);font-size:15px;letter-spacing:.01em}.transfer-code time{color:var(--muted);font-size:12px}.transfer-document-body{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.4fr);gap:24px;padding:16px 18px}.transfer-route,.transfer-items-summary{display:grid;gap:6px;min-width:0}.transfer-route{grid-template-columns:auto 1fr auto 1fr;align-items:center}.transfer-route small{grid-column:1 / -1}.transfer-route b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-route span{color:#d92d27;font-weight:900;margin:0 2px}.transfer-items-summary b{font-size:14px}.transfer-items-summary span{color:var(--muted);font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-document-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 16px}.transfer-document-actions button{min-height:36px}.record-card-list{display:grid;gap:12px}.record-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 10px #10233b09;transition:border-color .18s ease,box-shadow .18s ease}.record-card:hover{border-color:#079bc3;box-shadow:0 8px 20px #079bc31c}.clickable-record-card{cursor:pointer}.clickable-record-card:focus-visible{outline:3px solid #079bc355;outline-offset:2px}.record-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid #edf0f4;background:#fcfdff}.record-card-code{display:grid;gap:2px;min-width:0}.record-card-code>span,.record-detail small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.record-card-code b{color:var(--navy);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-card-code time,.record-detail span{color:var(--muted);font-size:12px}.record-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.record-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:16px 18px}.record-detail{display:grid;gap:5px;min-width:0}.record-detail b,.record-detail strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-card-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 16px}.record-card-actions button{min-height:36px}.detail-modal-actions{margin-top:0;padding:18px 22px 22px}.variant-picker-hint{margin:-6px 0 16px;color:var(--muted);font-size:13px}.variant-stock{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:500}.transfer-item-invalid{border-color:#f2aaa5!important;background:#fff8f7!important}.transfer-item-invalid input.invalid{border-color:#d92d27;box-shadow:0 0 0 3px #d92d2714}.transfer-stock-limit,.transfer-stock-error{display:block;margin-top:-9px;font-size:12px}.transfer-stock-limit{color:var(--muted)}.transfer-stock-error{color:#c52722;font-weight:700}.product-picker{position:relative}.product-picker-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);font-weight:600;text-align:left;cursor:pointer}.product-picker-trigger:hover,.product-picker-trigger.open{border-color:#079bc3;box-shadow:0 0 0 3px #079bc314}.product-picker-trigger svg{flex:0 0 auto;color:var(--muted);transition:transform .18s ease}.product-picker-trigger.open svg{transform:rotate(180deg);color:#079bc3}.product-picker-panel{position:absolute;z-index:5;top:calc(100% + 8px);left:0;right:0;overflow:hidden;border:1px solid #c9e4ec;border-radius:12px;background:#fff;box-shadow:0 16px 30px #083c5c24}.product-picker-search{display:flex;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid var(--line);background:#f8fcfd}.product-picker-search svg{color:var(--muted);flex:0 0 auto}.product-picker-search input{width:100%;border:0;outline:0;background:transparent;padding:0}.product-picker-options{max-height:230px;overflow-y:auto;padding:6px}.product-picker-options button{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:0;border-radius:8px;padding:10px 11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.product-picker-options button:hover{background:#f0fafc}.product-picker-options button.selected{background:#e7f8fc;color:#087fa9}.product-picker-options button span{font-weight:700}.product-picker-options button small{color:var(--muted);font-size:12px}.product-picker-options button svg{color:#079bc3}.product-picker-options p{margin:10px;color:var(--muted);font-size:13px;text-align:center}.app-select{position:relative;width:100%}.app-select-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);font-weight:600;text-align:left;cursor:pointer}.app-select-trigger:hover:not(:disabled),.app-select-trigger:focus-visible{border-color:#079bc3;box-shadow:0 0 0 3px #079bc314;outline:0}.app-select-trigger:disabled{cursor:not-allowed;background:#f4f7f8;color:var(--muted)}.app-select-trigger svg{flex:0 0 auto;color:var(--muted)}.app-select-menu{position:absolute;z-index:10;top:calc(100% + 8px);left:0;right:0;max-height:240px;overflow-y:auto;padding:6px;border:1px solid #c9e4ec;border-radius:12px;background:#fff;box-shadow:0 16px 30px #083c5c24}.app-select-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;padding:10px 11px;background:transparent;color:var(--text);font-weight:600;text-align:left;cursor:pointer}.app-select-menu button:hover:not(:disabled){background:#f0fafc}.app-select-menu button.selected{background:#e7f8fc;color:#087fa9}.app-select-menu button:disabled{opacity:.5;cursor:not-allowed}.app-select-menu button small{margin-left:auto;color:var(--muted);font-size:12px;font-weight:600}.app-select-menu svg{color:#079bc3}.app-select-search{display:flex;align-items:center;gap:8px;margin:-1px -1px 6px;padding:9px 10px;border-bottom:1px solid var(--line);background:#f8fcfd}.app-select-search svg{flex:0 0 auto;color:var(--muted)}.app-select-search input{width:100%;border:0;outline:0;background:transparent;padding:0;color:var(--text)}.app-select-empty{margin:10px;color:var(--muted);font-size:13px;text-align:center}.team-row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:210px}.team-row-actions .primary-link{color:#087fa9;background:#e7f8fc}:root{--navy: #083c5c;--navy2: #126c91;--green: #079bc3;--mint: #e7f8fc;--bg: #f4fafc;--line: #d9eaf0;--text: #102b3b;--muted: #60798a;--red: #d92d27}.sidebar{background:linear-gradient(180deg,#073b5a,#062f49)}.brand-mark{background:linear-gradient(145deg,#fff,#e7f8fc);box-shadow:0 8px 25px #032a4140}.workspace{border-color:#fff2;background:#ffffff0d}.sidebar nav button.active{background:#ffffff18;box-shadow:inset 3px 0 #15b6dc}.sidebar-tab-toggle{border-color:#79d9ed!important;background:#0b4f70!important;color:#c8f5ff!important}.primary{background:linear-gradient(135deg,#079bc3,#087fa9);box-shadow:0 8px 18px #079bc338}.primary:hover{background:#067eaa}.filters .list-period-picker{flex:1 1 300px;min-width:260px;margin:0}.filters .list-period-picker .period-trigger{min-height:48px;padding:8px 12px}.filters .list-period-picker .period-trigger>span{font-size:11px}.filters .list-period-picker .period-trigger b{font-size:13px}.filters .list-period-picker .period-trigger em{display:none}.table-controls .list-period-picker{margin:0;min-width:0}.table-controls .list-period-picker .period-trigger{min-height:48px;padding:8px 12px}.small-primary{background:#e7f8fc;color:#087fa9}.welcome{background:linear-gradient(118deg,#073b5a,#087fa9);box-shadow:0 12px 28px #07577726}.welcome span{color:#a6efff}.welcome p{color:#d3eef5}.dashboard-period{position:relative;z-index:12;margin:-6px 0 20px}.dashboard-period-trigger{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 15px;background:#fff;border:1px solid #b9d6df;border-radius:14px;color:var(--text);box-shadow:0 8px 20px #0757770d;cursor:pointer;text-align:left}.dashboard-period-trigger:hover{border-color:#079bc3}.dashboard-period-trigger>span{color:var(--muted);font-size:13px;font-weight:700}.dashboard-period-trigger b{font:800 15px Manrope}.dashboard-period-trigger em{margin-left:auto;color:#087fa9;font-size:12px;font-style:normal;font-weight:700}.dashboard-period-trigger>svg{width:20px;height:20px;color:#087fa9;flex:0 0 auto}.dashboard-period-trigger>svg:last-child{width:17px;transition:transform .18s ease}.dashboard-period-trigger>svg:last-child.open{transform:rotate(180deg)}.dashboard-period-popover{position:absolute;top:calc(100% + 8px);left:0;display:grid;grid-template-columns:260px minmax(330px,1fr);width:min(720px,100%);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 52px #073b5a2b}.period-menu{padding:10px;border-right:1px solid var(--line);background:#fbfdfe}.period-menu button{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;gap:1px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.period-menu button:hover,.period-menu button.active{background:#e7f8fc;color:#087fa9}.period-menu button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:99px;background:#079bc3}.period-menu button.period-menu-divider{margin-top:10px;padding-top:20px}.period-menu button.period-menu-divider:after{content:"";position:absolute;top:4px;left:12px;right:12px;height:1px;background:var(--line)}.period-menu button span{font-weight:800;font-size:13px}.period-menu button small{grid-column:1;color:var(--muted);font-size:10px}.period-menu button svg{grid-column:2;grid-row:1/3;align-self:center;width:16px;color:#87a3ae}.period-range-panel{padding:22px}.period-range-panel>small{color:#087fa9;font-size:10px;letter-spacing:1px;font-weight:800}.period-range-panel h3{margin:5px 0 2px;font:800 21px Manrope}.period-range-panel>p{margin:0 0 20px;color:var(--muted);font-size:13px}.period-date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period-date-inputs label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.period-date-inputs input{width:100%;box-sizing:border-box;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fcfd;color:var(--text);font-weight:700}.period-date-inputs input:focus{outline:2px solid #079bc333;border-color:#079bc3;background:#fff}.period-apply{width:100%;margin-top:18px;min-height:43px}.period-apply svg{width:16px}.period-picker{position:relative;z-index:12;margin:-6px 0 20px}.period-trigger{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 15px;background:#fff;border:1px solid #b9d6df;border-radius:14px;color:var(--text);box-shadow:0 8px 20px #0757770d;cursor:pointer;text-align:left}.period-trigger:hover{border-color:#079bc3}.period-trigger>span{color:var(--muted);font-size:13px;font-weight:700}.period-trigger b{font:800 15px Manrope}.period-trigger em{margin-left:auto;color:#087fa9;font-size:12px;font-style:normal;font-weight:700}.period-trigger>svg{width:20px;height:20px;color:#087fa9;flex:0 0 auto}.period-trigger>svg:last-child{width:17px;transition:transform .18s ease}.period-trigger>svg:last-child.open{transform:rotate(180deg)}.period-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:40;display:grid;grid-template-columns:260px minmax(330px,1fr);width:min(720px,100%);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 52px #073b5a2b}.period-picker{width:min(100%,410px)}.period-trigger{min-height:40px;gap:7px;padding:6px 10px;border-radius:6px;box-shadow:none}.period-trigger>span{font-size:11px}.period-trigger b{font-size:13px}.period-trigger em{font-size:10px}.period-trigger>svg{width:15px}.period-trigger>svg:last-child{width:13px}.period-popover{grid-template-columns:155px minmax(300px,1fr);width:min(460px,calc(100vw - 24px));border-radius:6px;box-shadow:0 10px 22px #073b5a20}.period-menu{padding:6px}.period-menu button{padding:7px 8px;border-radius:6px}.period-menu button.period-menu-divider{margin-top:5px;padding-top:13px}.period-menu button span{font-size:11px}.period-menu button small{font-size:8px}.period-menu button svg{width:13px}.period-range-panel{padding:14px}.period-range-panel>small{font-size:9px}.period-range-panel h3{font-size:16px;margin-top:3px}.period-range-panel>p{margin-bottom:11px;font-size:11px}.period-date-inputs{gap:7px}.period-date-inputs label{font-size:10px}.period-date-inputs input{min-height:35px;padding:6px 8px;font-size:11px}.period-apply{min-height:36px;margin-top:11px;font-size:12px}.period-calendar header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:4px;margin:-14px -14px 12px;padding:10px 12px;border-bottom:1px solid var(--line);text-align:center}.period-calendar header b{font:800 15px Manrope}.period-calendar header button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#6f8797;font-size:24px;line-height:1;cursor:pointer}.period-calendar header button:hover:not(:disabled){background:#e7f8fc;color:#087fa9}.period-calendar header button:disabled{opacity:.3;cursor:not-allowed}.period-calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.period-calendar-grid button{min-height:39px;border:0;border-radius:6px;background:transparent;color:var(--text);font:700 12px Manrope;cursor:pointer}.period-calendar-grid button:hover:not(:disabled),.period-calendar-grid button.active{background:#e7f8fc;color:#087fa9}.period-calendar-grid button.active{box-shadow:inset 0 0 0 1px #079bc3}.period-calendar-grid button:disabled{color:#b5c2ca;cursor:not-allowed}@media(max-width:720px){.dashboard-period{margin-top:-4px}.dashboard-period-trigger{min-height:54px;gap:9px;padding:9px 12px}.dashboard-period-trigger>span{display:none}.dashboard-period-trigger b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-period-trigger em{display:none}.dashboard-period-popover{position:fixed;inset:auto 12px 12px;width:auto;grid-template-columns:1fr;max-height:78dvh;overflow:auto;border-radius:18px;box-shadow:0 24px 60px #073b5a55}.period-menu{display:grid;grid-template-columns:1fr 1fr;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.period-menu button{padding:9px 10px}.period-menu button.period-menu-divider{margin-top:0;padding-top:9px}.period-menu button.period-menu-divider:after{display:none}.period-menu button.active:before{left:3px;top:9px;bottom:9px}.period-range-panel{padding:18px}.period-range-panel h3{font-size:19px}.period-date-inputs{grid-template-columns:1fr}.period-apply{margin-top:14px}}@media(max-width:720px){.period-picker{margin-top:-4px}.period-trigger{min-height:54px;gap:9px;padding:9px 12px}.period-trigger>span{display:none}.period-trigger b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.period-trigger em{display:none}.period-popover{position:fixed;inset:auto 12px 12px;width:auto;grid-template-columns:1fr;max-height:78dvh;overflow:auto;border-radius:18px;box-shadow:0 24px 60px #073b5a55}}.stat{border-top-color:#079bc3}.stat.navy{border-top-color:#126c91}.card-head button,.positive{color:#087fa9}.location-icon{background:#e7f8fc;color:#087fa9}.channel-sales-card.outlet{background:linear-gradient(135deg,#079bc3,#15b6dc)}.channel-sales-card.online{background:linear-gradient(135deg,#0a4f85,#126caa)}.channel-bars em{background:#079bc3!important}.channel-bars>div:nth-child(2) em{background:#126caa!important}.login-page{background:radial-gradient(circle at 8% 92%,#22bfd8 0,transparent 29%),linear-gradient(135deg,#073b5a,#087fa9 54%,#079bc3)}.login-carousel-stage{box-shadow:0 24px 50px #073b5a66,inset 0 0 0 6px #ffffff20}.login-box{box-shadow:0 26px 70px #073b5a40}.login-option:hover{border-color:#079bc3;box-shadow:0 8px 24px #079bc316}.login-box>small,.link-btn,.back-btn:hover,.forgot-success h2,.otp-input{color:#087fa9!important}.password-toggle:hover{color:#087fa9;background:#079bc318}.password-toggle:focus-visible{outline-color:#079bc3}.pos-product-picker{border-color:#b8e7f1!important;background:#f1fbfe!important}.pos-product-picker input{border-color:#079bc3}.pos-camera-button{border-color:#079bc3;color:#087fa9}.pos-camera-button:hover{background:#e7f8fc}.pos-category-tabs button{border-color:#c8e6ee}.pos-category-tabs button.active{border-color:#079bc3;background:#079bc3}.pos-product-button:hover{border-color:#079bc3;box-shadow:0 4px 12px #079bc31c}.sale-product-button strong,.pos-product-button strong,.pos-qty-control button{color:#087fa9}.pos-payment-options button.active{border-color:#079bc3;background:#e7f8fc;color:#087fa9;box-shadow:inset 0 0 0 1px #079bc3}.transfer-bulk-bar{border-color:#bee7ef;background:#f1fbfd}.transfer-bulk-bar input,.transfer-select{accent-color:#079bc3}.transfer-document-card:hover,.transfer-document-card.selected{border-color:#079bc3;box-shadow:0 8px 20px #079bc31c}.transfer-route span{color:#079bc3}@media(max-width:600px){.modal.pos-modal{width:min(100%,calc(100vw - 20px));max-height:94dvh;overflow-x:hidden}.modal.pos-modal form{padding:14px}.modal.pos-modal>header{padding:16px 14px}.pos-product-results{grid-template-columns:1fr;max-height:190px!important}.pos-variant-list{grid-template-columns:1fr}.pos-scan-row{gap:7px}.pos-camera-button{min-width:76px}.pos-camera-scanner video{max-height:190px}.pos-cart-table table,.pos-cart-table tbody,.pos-cart-table tr,.pos-cart-table td{display:block;width:100%}.pos-cart-table thead{display:none}.pos-cart-table tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 42px 12px 12px}.pos-cart-table td{border:0!important;padding:0!important}.pos-cart-table td:nth-child(1){grid-column:1 / -1;padding-right:4px!important;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.pos-cart-table td:nth-child(2){grid-column:1;color:var(--muted);font-size:12px}.pos-cart-table td:nth-child(3){grid-column:1}.pos-cart-table td:nth-child(4){grid-column:2;grid-row:2 / span 2;align-self:center;text-align:right!important;font-weight:800;white-space:nowrap}.pos-cart-table td:nth-child(5){position:absolute;top:8px;right:6px;width:auto}.pos-qty-control{gap:7px}.pos-qty-control button{width:36px;height:36px}.pos-payment-options{flex-direction:column}.pos-payment-options button{min-height:48px}.pos-modal .modal-actions .primary{min-width:0}.transfer-bulk-bar{align-items:flex-start;flex-direction:column}.transfer-bulk-bar button{width:100%}.transfer-document-body{grid-template-columns:1fr;gap:16px}.transfer-document-actions{justify-content:stretch;flex-wrap:wrap}.transfer-document-actions button{flex:1 1 120px}.record-card-body{grid-template-columns:1fr;gap:16px}.record-card-actions{justify-content:stretch;flex-wrap:wrap}.record-card-actions button{flex:1 1 120px}.detail-modal-actions{padding:16px}}.pricing-layout{display:grid;grid-template-columns:minmax(270px,.92fr) minmax(340px,1.08fr) minmax(300px,.92fr);gap:20px;align-items:start}.pricing-layout .pricing-form,.pricing-layout .pricing-result{padding:26px;border-radius:20px}.pricing-layout .pricing-form h3{margin:0 0 24px;color:var(--text);font:800 20px Manrope}.pricing-layout .field{display:block;margin:0 0 20px}.pricing-layout .field>span{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pricing-layout .field select{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#f9fbfd;color:var(--text);outline:0}.pricing-layout .field select:focus{border-color:#079bc3;box-shadow:0 0 0 3px #079bc31a;background:#fff}.pricing-layout .money-input{display:flex;align-items:center;width:100%;min-height:52px;padding:0 14px;gap:9px;border:1px solid var(--line);border-radius:14px;background:#f9fbfd;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.pricing-layout .money-input:focus-within{border-color:#079bc3;box-shadow:0 0 0 3px #079bc31a;background:#fff}.pricing-layout .money-input small{flex:0 0 auto;min-width:20px;color:#688092;font-size:14px;font-weight:800}.pricing-layout .money-input input,.pricing-layout .field .money-input input{width:100%;min-height:0;height:auto;padding:0!important;border:0!important;border-radius:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:var(--text);font-weight:800}.pricing-layout .money-input input[readonly]{color:#536d7d;cursor:default}.pricing-layout .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.pricing-layout .calc-highlight{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #c7eaf2;border-radius:14px;background:#e9f9fc;color:#075777}.pricing-layout .calc-highlight b{font:800 20px Manrope}.pricing-layout .pricing-form .muted{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.pricing-layout .pricing-result{min-height:420px;color:#fff;background:linear-gradient(145deg,#084667,#079bc3);box-shadow:0 18px 36px #067eaa2e}.pricing-layout .pricing-result.loss{background:linear-gradient(145deg,#8f2520,#d93a30)}.pricing-layout .pricing-result>span{display:block;margin-bottom:26px;color:#d8f6fc;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pricing-layout .calc-row{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font-size:14px}.pricing-layout .calc-row b{white-space:nowrap}.pricing-layout .pricing-result hr{margin:24px 0;border:0;border-top:1px solid #ffffff3d}.pricing-layout .profit{display:flex;flex-direction:column;gap:5px}.pricing-layout .profit b{font:800 34px Manrope;letter-spacing:-.04em}.pricing-layout .profit small{color:#d8f6fc}.pricing-layout .pricing-result .muted{margin-top:34px;color:#d8f6fc;font-size:13px;line-height:1.55}@media(max-width:1120px){.pricing-layout{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)}.pricing-layout .pricing-result{grid-column:span 2;min-height:0}}@media(max-width:680px){.pricing-layout{grid-template-columns:1fr;gap:14px}.pricing-layout .pricing-form,.pricing-layout .pricing-result{grid-column:auto;padding:20px;border-radius:16px}.pricing-layout .pricing-result{min-height:0}.pricing-layout .form-grid{grid-template-columns:1fr;gap:0}.pricing-layout .pricing-form h3{margin-bottom:20px;font-size:18px}}.pricing-switch{display:inline-flex;gap:4px;margin:-4px 0 22px;padding:5px;border:1px solid #cce7ef;border-radius:14px;background:#eaf8fb}.pricing-switch button{border:0;border-radius:10px;padding:10px 16px;background:transparent;color:#46697c;font-weight:800;cursor:pointer}.pricing-switch button.active{background:#087fa9;color:#fff;box-shadow:0 5px 12px #087fa936}.hpp-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;align-items:start}.hpp-main{padding:26px}.pricing-heading,.pricing-section-head,.pricing-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.pricing-heading{margin-bottom:22px}.pricing-heading>div>span,.hpp-summary>span{display:block;color:#087fa9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pricing-heading h3,.marketplace-intro h3,.marketplace-grid h3{margin:4px 0 0;font:800 21px Manrope}.pricing-recipe-select{max-width:230px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:#f9fbfd}.hpp-product-grid{display:grid;grid-template-columns:1.4fr 1.2fr .7fr .7fr;gap:0 14px}.pricing-section-head{margin:24px 0 12px;padding-top:22px;border-top:1px solid var(--line)}.pricing-section-head h4{margin:0 0 3px;font:800 16px Manrope}.pricing-section-head p{margin:0;color:var(--muted);font-size:13px}.pricing-section-head .secondary,.pricing-actions .secondary,.pricing-actions .primary{min-height:40px;padding:9px 13px;font-size:13px}.pricing-section-head button svg,.pricing-actions button svg{width:16px}.pricing-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}.pricing-table{width:100%;min-width:690px;border-collapse:collapse}.pricing-table th{padding:11px 12px;background:#eef8fb;color:#557184;font-size:10px;letter-spacing:.05em;text-align:left;text-transform:uppercase}.pricing-table td{padding:9px 10px;border-top:1px solid #e9f0f3;font-size:13px}.pricing-table input,.additional-costs input{width:100%;min-height:38px;padding:7px 9px;border:1px solid #d8e6ec;border-radius:8px;background:#fbfdfe;color:var(--text);outline:0}.pricing-table input:focus,.additional-costs input:focus{border-color:#079bc3;box-shadow:0 0 0 3px #079bc31a;background:#fff}.pricing-table td:nth-child(1){min-width:190px}.pricing-table td:nth-child(2){width:90px}.pricing-table td:nth-child(3){width:95px}.pricing-table td:nth-child(4){width:130px}.pricing-table td:nth-child(5){width:112px;white-space:nowrap}.pricing-table td:last-child{width:45px}.danger-icon{color:#d92d27}.danger-icon:hover{background:#fff0ee}.danger-icon:disabled{color:#a5b4be}.subtotal-row{display:flex;justify-content:space-between;padding:13px 14px;border-radius:10px;background:#eef8fb;color:#075777;font-size:14px}.subtotal-row b{font:800 18px Manrope}.additional-costs{display:grid;gap:9px}.additional-costs>div{display:grid;grid-template-columns:minmax(0,1fr) 180px 40px;gap:9px;align-items:center}.pricing-actions{justify-content:flex-end;margin-top:22px}.hpp-summary{position:sticky;top:98px;padding:24px;border-top:4px solid #079bc3}.hpp-summary>span{margin-bottom:22px}.hpp-summary .total{padding:12px 0;font-size:15px}.hpp-summary hr,.marketplace-summary hr{border:0;border-top:1px solid var(--line);margin:16px 0}.hpp-price{margin:20px 0;padding:16px;border-radius:13px;background:linear-gradient(135deg,#073b5a,#087fa9);color:#fff}.hpp-price span{display:block;color:#cceef6;font-size:12px}.hpp-price b{display:block;margin-top:5px;font:800 28px Manrope}.marketplace-intro{margin-bottom:18px;padding:22px 26px}.marketplace-intro p{margin:8px 0 0;color:var(--muted)}.pricing-presets{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;border:1px solid var(--line);border-radius:15px;background:#fff}.pricing-presets>span{margin-right:4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pricing-presets button{border:0;border-radius:10px;padding:9px 13px;background:#eaf4f7;color:#2e5368;font-weight:800;cursor:pointer}.pricing-presets button.active{background:#084667;color:#fff;box-shadow:0 4px 10px #0846672c}.marketplace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:start}.marketplace-grid .pricing-form{padding:26px}.marketplace-grid .pricing-form h3,.marketplace-summary h3{margin:0 0 22px}.pricing-divider{margin:6px 0 18px;padding-top:20px;border-top:1px solid var(--line)}.pricing-divider span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.marketplace-summary{position:sticky;top:98px;padding:26px;border:1px solid #bcd9e6;background:#edf7fb}.marketplace-summary.loss{border-color:#f2b8b2;background:#fff2f0}.marketplace-summary .fee-row{display:flex;justify-content:space-between;gap:12px;margin:11px 0;color:#577184;font-size:13px}.marketplace-summary .fee-row b{color:#d92d27;white-space:nowrap}.net-payout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;padding:14px;border:1px solid #a8ccdc;border-radius:13px;background:#dceef6;color:#075777}.net-payout span{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.net-payout b{font:800 22px Manrope;white-space:nowrap}.profit-box{padding:15px;border:1px solid #87dba9;border-radius:13px;background:#d9f8e5;color:#086238}.profit-box span,.profit-box small{display:block}.profit-box b{display:block;margin:4px 0;font:800 24px Manrope}.marketplace-summary.loss .profit-box{border-color:#f0aaa2;background:#ffe1dc;color:#a8231c}.marketplace-summary .muted{margin:22px 0 0;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:1100px){.hpp-product-grid{grid-template-columns:1fr 1fr}.hpp-workspace,.marketplace-grid{grid-template-columns:1fr}.hpp-summary,.marketplace-summary{position:static}.pricing-layout .pricing-result{grid-column:auto}}@media(max-width:680px){.pricing-switch{display:flex;width:100%}.pricing-switch button{flex:1;padding:10px 8px;font-size:12px}.hpp-main,.hpp-summary,.marketplace-grid .pricing-form,.marketplace-summary,.marketplace-intro{padding:18px}.pricing-heading,.pricing-section-head{align-items:flex-start;flex-direction:column}.pricing-recipe-select{width:100%;max-width:none}.hpp-product-grid,.marketplace-grid .form-grid{grid-template-columns:1fr}.pricing-section-head .secondary{width:100%}.additional-costs>div{grid-template-columns:minmax(0,1fr) 110px 38px}.pricing-actions{align-items:stretch;flex-direction:column-reverse}.pricing-actions button{width:100%}.pricing-presets{align-items:stretch;flex-direction:column}.pricing-presets button{width:100%}.marketplace-intro h3{font-size:18px}.net-payout b{font-size:19px}}.hpp-wizard{max-width:1180px;margin:0 auto}.hpp-stepper{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;margin-bottom:18px;padding:16px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}.hpp-stepper>div{display:flex;align-items:center;gap:12px;min-width:0}.hpp-stepper button{display:flex;align-items:center;gap:12px;min-width:max-content;padding:0;border:0;background:transparent;color:#7890a0;cursor:pointer;text-align:left}.hpp-stepper button>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f1ff;color:#5d7182;font-size:16px}.hpp-stepper button span{display:grid;gap:2px;font:800 18px Manrope}.hpp-stepper button small{font:800 10px DM Sans;letter-spacing:.08em;text-transform:uppercase}.hpp-stepper .active button{color:#0a4265}.hpp-stepper .active button>b{background:#084667;color:#fff;box-shadow:0 0 0 5px #dcecf4}.hpp-stepper .done button>b{background:#bcecf8;color:#087fa9}.hpp-stepper i{flex:1;height:1px;min-width:18px;background:#cfdeea}.hpp-stepper .done i,.hpp-stepper .active i{background:#0c7197}.hpp-recipe-bar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 22px}.hpp-recipe-bar label{display:flex;flex:1;align-items:center;gap:12px}.hpp-recipe-bar label>span{color:#365568;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.hpp-recipe-bar .app-select{width:min(460px,100%)}.hpp-recipe-bar .app-select-trigger{min-height:40px;color:#075777;background:#f7fbfd}.hpp-step-card{padding:28px}.hpp-step-card .hpp-product-grid{grid-template-columns:1.6fr .6fr .7fr 1.3fr}.hpp-step-card .hpp-name-field,.hpp-step-card .hpp-variant-field{grid-column:auto}.hpp-step-card .pricing-section-head{margin-top:22px}.hpp-step-card .pricing-section-head h3,.hpp-final-card h3{margin:0 0 4px;font:800 23px Manrope}.hpp-step-card .pricing-section-head.no-border{margin-top:0;padding-top:0;border:0}.hpp-variant-open{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 12px;border:1px solid #c9dfe8;border-radius:12px;background:#f7fbfd;color:var(--text);cursor:pointer;text-align:left}.hpp-variant-open:hover{border-color:#079bc3;background:#eefaff}.hpp-variant-open>svg:first-child{width:22px;color:#079bc3}.hpp-variant-open>svg:last-child{width:18px;margin-left:auto;color:var(--muted)}.hpp-variant-open>span{display:grid;gap:3px}.hpp-variant-open b{font-size:13px}.hpp-variant-open small,.pricing-form .field>small{color:var(--muted);font-size:11px;font-weight:600}.hpp-variant-modal{overflow:hidden}.hpp-picker-body{min-height:390px;max-height:62vh;overflow-y:auto;padding:22px}.hpp-product-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hpp-product-list>button{display:flex;align-items:center;gap:13px;min-height:82px;padding:14px;border:1px solid #d9e7ed;border-radius:14px;background:#fff;color:var(--text);cursor:pointer;text-align:left}.hpp-product-list>button:hover{border-color:#079bc3;background:#f2fbfd;box-shadow:0 8px 22px #07577712}.hpp-product-list>button>span:nth-child(2){display:grid;flex:1;gap:4px}.hpp-product-list b,.hpp-picker-heading b{font:800 15px Manrope}.hpp-product-list small,.hpp-picker-heading small,.hpp-modal-variant-list small{color:var(--muted);font-size:11px}.hpp-product-list svg{width:18px;color:var(--muted)}.hpp-product-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e8f5f9;color:#087fa9;font-weight:900}.hpp-picker-back{display:flex;align-items:center;gap:6px;margin-bottom:18px;padding:0;border:0;background:transparent;color:#087fa9;font-weight:800;cursor:pointer}.hpp-picker-back svg{width:17px}.hpp-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.hpp-picker-heading>div{display:grid;gap:3px}.hpp-modal-variant-list{display:grid;gap:8px}.hpp-modal-variant-list label{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 14px;border:1px solid #dce8ed;border-radius:12px;cursor:pointer}.hpp-modal-variant-list label:hover{background:#f3fbfd}.hpp-modal-variant-list input{width:19px;height:19px;accent-color:#079bc3}.hpp-modal-variant-list label>span{display:grid;flex:1;gap:3px}.hpp-modal-variant-list label>svg{width:20px;color:#079bc3}.hpp-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-top:1px solid var(--line);background:#f8fbfc}.hpp-picker-footer>span{color:var(--muted);font-size:13px}.hpp-picker-footer>span b{color:#087fa9;font-size:18px}.hpp-picker-footer .primary{min-width:130px}@media(max-width:600px){.hpp-product-list{grid-template-columns:1fr}.hpp-picker-body{min-height:340px;padding:16px}.hpp-picker-heading{align-items:stretch;flex-direction:column}.hpp-picker-footer{padding:14px 16px}}.hpp-material-table{min-width:820px}.hpp-material-table td:nth-child(1){width:25%}.hpp-material-table td:nth-child(2){width:110px}.hpp-material-table td:nth-child(3){width:130px}.hpp-material-table td:nth-child(4){width:140px}.hpp-material-table td:nth-child(5){width:100px}.hpp-material-table td:nth-child(6){width:130px}.hpp-material-table select,.hpp-cost-table select{width:100%;min-height:38px;padding:6px 8px;border:1px solid #d8e6ec;border-radius:8px;color:var(--text);background:#fbfdfe}.hpp-cost-table{min-width:660px}.hpp-cost-table td:nth-child(1){width:48%}.hpp-cost-table td:nth-child(2){width:25%}.hpp-cost-table td:nth-child(3){width:20%}.hpp-nav{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.hpp-nav .primary,.hpp-nav .secondary{min-height:44px}.hpp-nav svg{width:17px}.hpp-result-step{display:grid;gap:20px}.hpp-result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hpp-result-cards article{display:grid;align-content:center;gap:8px;min-height:154px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.hpp-result-cards article span{color:#526b7c;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hpp-result-cards article>b{font:800 30px Manrope}.hpp-result-cards article small{color:var(--muted);font-weight:600}.hpp-result-cards .hpp-total-card{border:0;background:linear-gradient(135deg,#073b5a,#0d6288);color:#fff;box-shadow:0 12px 25px #073b5a2e}.hpp-result-cards .hpp-total-card span,.hpp-result-cards .hpp-total-card small{color:#d8f2f9}.hpp-result-cards .hpp-recommend-card{border-color:#94dcb0;background:#d9f8e5;color:#07633a}.hpp-result-cards .hpp-recommend-card span,.hpp-result-cards .hpp-recommend-card small{color:#20824f}.hpp-final-card{padding:28px}.hpp-final-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.range-control{display:flex;align-items:center;gap:16px}.range-control input{flex:1;accent-color:#087fa9}.range-control b{min-width:66px;padding:10px;border-radius:11px;background:#0b5e8a;color:#fff;text-align:center}.formula-note{margin:8px 0 22px;color:#5c7484;font-size:13px;font-weight:600}.hpp-final-grid aside{padding:20px;border:1px solid #c6d9e3;border-radius:15px;background:#eef6fb}.hpp-final-grid aside>div,.hpp-final-grid aside>p{display:flex;justify-content:space-between;gap:16px;margin:0 0 13px;color:#526a7a}.hpp-final-grid aside>strong{display:flex;justify-content:space-between;gap:16px;margin:18px 0;color:#183648;font:800 20px Manrope}.hpp-final-grid aside b{white-space:nowrap}.hpp-final-grid aside hr{border:0;border-top:1px solid #c6d9e3}.hpp-final-grid aside .positive{color:#078243}.hpp-final-grid aside .negative{color:#cf3029}@media(max-width:820px){.hpp-stepper{padding:14px}.hpp-stepper button span{font-size:14px}.hpp-stepper>div{gap:8px}.hpp-step-card .hpp-product-grid,.hpp-result-cards,.hpp-final-grid{grid-template-columns:1fr}.hpp-result-cards article{min-height:120px}.hpp-stepper i{display:none}}@media(max-width:600px){.hpp-stepper{gap:5px;padding:12px 8px}.hpp-stepper button{justify-content:center}.hpp-stepper button span{display:none}.hpp-stepper button>b{width:37px;height:37px}.hpp-recipe-bar{align-items:stretch;flex-direction:column;padding:16px}.hpp-recipe-bar label{align-items:stretch;flex-direction:column}.hpp-recipe-bar label>span{white-space:normal}.hpp-recipe-bar .app-select,.hpp-recipe-bar>button{width:100%;max-width:none}.hpp-step-card,.hpp-final-card{padding:18px}.hpp-step-card .pricing-section-head h3,.hpp-final-card h3{font-size:19px}.hpp-nav{align-items:stretch;flex-direction:column-reverse}.hpp-nav button{width:100%}.hpp-final-grid{gap:18px}.hpp-final-grid aside>strong{font-size:16px}}.sidebar-rail{display:none}.sidebar-panel{display:contents}.sidebar-glyph{width:19px;height:19px;flex:0 0 auto}.workspace .sidebar-glyph{width:14px;height:14px}.rail-collapse{display:none}@media(min-width:1025px){.sidebar{inset:14px auto 14px 14px;width:334px;height:calc(100vh - 28px);display:grid;grid-template-columns:72px minmax(0,1fr);overflow:visible;border-radius:22px;background:transparent!important;box-shadow:none}main{margin-left:362px}.sidebar-panel{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #c8e7ef;border-left:0;border-radius:0 22px 22px 0;background:linear-gradient(160deg,#fafdfe,#eef9fc);box-shadow:0 16px 36px #063b581f}.sidebar-rail{display:flex;min-height:0;flex-direction:column;align-items:center;padding:14px 10px;border:1px solid #126c91;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#064664,#083c5c 52%,#062e48);box-shadow:0 16px 36px #063b582b}.rail-logo{display:grid;width:42px;height:42px;place-items:center;padding:3px;border:1px solid #bceefa;border-radius:14px;background:#fff;box-shadow:0 7px 16px #001f343d;cursor:pointer}.rail-logo img{width:100%;height:100%;border-radius:10px;object-fit:cover}.rail-divider{width:32px;height:1px;margin:17px 0 12px;background:#b1e4f133}.rail-nav{display:flex;width:100%;min-height:0;flex:1;flex-direction:column;align-items:center;gap:5px;overflow-y:auto;scrollbar-width:none}.rail-nav::-webkit-scrollbar{display:none}.rail-nav button{position:relative;display:grid;width:44px;height:42px;place-items:center;padding:0;border:1px solid transparent;border-radius:13px;background:transparent;color:#b9d7e2;cursor:pointer;transition:.18s ease}.rail-nav button:hover{background:#ffffff16;color:#fff}.rail-nav button.active{border-color:#6bd8ef85;background:#e8faff;color:#087fa9;box-shadow:0 5px 14px #002b4260}.rail-nav button.active:before{position:absolute;left:-11px;width:3px;height:21px;border-radius:0 4px 4px 0;background:#27c7e8;content:""}.rail-collapse{display:grid;width:36px;height:36px;place-items:center;margin-top:10px;border:1px solid #a9e8f655;border-radius:12px;background:#ffffff10;color:#d8f7fd;font-size:26px;line-height:1;cursor:pointer}.rail-collapse:hover{background:#fff2;color:#fff}.sidebar .brand{height:76px;padding:0 20px;border-bottom:1px solid #d8eaf0}.sidebar .brand strong{color:#103144;font-size:19px;letter-spacing:.05em}.sidebar .brand small{color:#668191;font-size:11px}.sidebar .brand-mark{width:38px;height:38px;box-shadow:0 6px 16px #07577722}.sidebar .workspace{margin:14px 14px 12px;padding:13px 14px;border:1px solid #cde5ec;border-radius:15px;background:#e8f7fb}.sidebar .workspace>span{color:#438197}.sidebar .workspace b{color:#123347}.sidebar .workspace small{color:#537386}.sidebar nav{padding:0 10px 14px;gap:2px}.sidebar .nav-group-wrapper{margin-bottom:6px;gap:2px}.sidebar .nav-group-title{padding:8px 11px 4px;color:#6d8a99;font-size:10px}.sidebar nav button{min-height:38px;padding:8px 11px;border:1px solid transparent;border-radius:12px;color:#466476;font-size:13px;font-weight:750}.sidebar nav button:hover{border-color:#bee4ed;background:#eaf8fb;color:#087fa9}.sidebar nav button.active{border-color:#c3eaf3;background:linear-gradient(90deg,#dff7fb,#fff);color:#075777;box-shadow:inset 3px 0 #10b5d5,0 4px 12px #087fa911}.sidebar nav em{background:#ffb20a;color:#432900;font-size:10px}.sidebar .sidebar-tab-toggle{display:none!important}.app-shell.sidebar-collapsed .sidebar{transform:translate(calc(-100% - 18px))}}@media(max-width:1024px){.sidebar-panel{display:contents}.sidebar-rail{display:none}}@media(min-width:1025px){.sidebar.sidebar-expanded,.sidebar.sidebar-collapsed{inset:14px auto 14px 14px;height:calc(100vh - 28px);transform:none!important}.sidebar.sidebar-expanded{display:block;width:272px;overflow:hidden;border:1px solid #126c91;border-radius:22px;background:linear-gradient(180deg,#064664,#083c5c 52%,#062e48)!important;box-shadow:0 16px 36px #063b582b;transition:width .2s ease,box-shadow .2s ease;z-index:35}.sidebar.sidebar-preview{box-shadow:14px 16px 38px #063b5840}.sidebar.sidebar-expanded .sidebar-panel{display:flex;height:100%;border:0;border-radius:inherit;background:transparent;box-shadow:none}.sidebar.sidebar-expanded .sidebar-rail{display:none}.sidebar.sidebar-expanded .brand{height:76px;padding:0 16px;border-bottom:1px solid #b1e4f133}.sidebar.sidebar-expanded .brand strong{color:#fff;font-size:19px;letter-spacing:.05em}.sidebar.sidebar-expanded .brand small{color:#b9d7e2;font-size:11px}.sidebar.sidebar-expanded .brand-mark{width:42px;height:42px;border:1px solid #bceefa;background:#fff;box-shadow:0 7px 16px #001f343d}.sidebar.sidebar-expanded .workspace{margin:12px 12px 10px;padding:12px;border:1px solid #a9e8f633;border-radius:15px;background:#ffffff0d}.sidebar.sidebar-expanded .workspace>span{color:#8fd8e9}.sidebar.sidebar-expanded .workspace b{color:#fff}.sidebar.sidebar-expanded .workspace small{color:#b9d7e2}.sidebar.sidebar-expanded nav{padding:0 8px 12px;gap:2px}.sidebar.sidebar-expanded .nav-group-wrapper{margin-bottom:6px;gap:2px}.sidebar.sidebar-expanded .nav-group-title{padding:8px 11px 4px;color:#8ab8c8;font-size:10px}.sidebar.sidebar-expanded nav button{min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:12px;color:#c5dce6;font-size:13px;font-weight:750}.sidebar.sidebar-expanded nav button:hover{border-color:#a9e8f655;background:#ffffff16;color:#fff}.sidebar.sidebar-expanded nav button.active{border-color:#6bd8ef85;background:#e8faff;color:#087fa9;box-shadow:inset 3px 0 #27c7e8,0 5px 14px #002b4260}.sidebar.sidebar-expanded nav em{background:#ffb20a;color:#432900;font-size:10px}.sidebar.sidebar-collapsed{display:flex;width:72px;overflow:hidden;border:1px solid #126c91;border-radius:22px;background:linear-gradient(180deg,#064664,#083c5c 52%,#062e48)!important;box-shadow:0 16px 36px #063b582b}.sidebar.sidebar-collapsed .sidebar-rail{display:flex;width:100%;padding:14px 10px;border:0;border-radius:0;box-shadow:none}.sidebar.sidebar-collapsed .sidebar-panel{display:none}.app-shell.sidebar-is-expanded main{margin-left:342px}.app-shell.sidebar-is-collapsed main{margin-left:98px}.app-shell.sidebar-is-collapsed .menu-btn{display:none!important}.sidebar-collapse-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:auto 12px 12px;border:1px solid #a9e8f655;border-radius:12px;background:#ffffff10;color:#d8f7fd;font-weight:800;cursor:pointer}.sidebar-collapse-button:hover{background:#fff2;color:#fff}.sidebar-collapse-button span{font-size:24px;line-height:.8}}@media(max-width:1024px){.scan-search-row{align-items:stretch}.scan-search-row .barcode-scan-button{min-height:42px;padding:0 11px}.barcode-field .barcode-scan-control,.barcode-field .barcode-scan-button{width:100%}.app-shell.sidebar-is-drawer main{margin-left:0}.sidebar.sidebar-drawer{display:flex;width:min(304px,calc(100vw - 42px));height:100vh;border-radius:0 20px 20px 0;background:linear-gradient(180deg,#073b5a,#062f49)!important}.sidebar.sidebar-drawer .sidebar-panel{display:contents}.sidebar.sidebar-drawer .sidebar-rail,.sidebar.sidebar-drawer .sidebar-collapse-button{display:none}}.transfer-verify-list>div>button{grid-column:2;justify-self:start;border:0;border-radius:7px;padding:5px 9px;background:#e9f7fc;color:#087da5;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.transfer-verify-list>div.verified>button{background:#fff1e8;color:#a1481e}.transfer-verify-list>div>span:first-child{grid-row:1 / span 3}.transfer-check-all{display:flex;align-items:center;gap:8px;margin-top:-5px}.transfer-check-all button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:7px 10px;background:#e9f7fc;color:#087da5;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.transfer-check-all button.clear{background:#fff1e8;color:#a1481e}.transfer-check-all button:disabled{opacity:.5;cursor:default}.transfer-verify-list>label{display:grid;grid-template-columns:auto 28px 1fr;gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.transfer-verify-list>label:hover{border-color:#9dcfdd;background:#f8fcfd}.transfer-verify-list>label.verified{border-color:#8be0c5;background:#f0fcf7}.transfer-verify-list>label>input{width:18px;height:18px;accent-color:#079bc3}.transfer-verify-list>label>span:not(.transfer-check-copy){display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef5f7;color:var(--muted)}.transfer-verify-list>label.verified>span:not(.transfer-check-copy){background:#d9f8eb;color:#087c58}.transfer-check-copy{display:grid;gap:3px}.transfer-check-copy b{font-size:13px}.transfer-check-copy small{color:var(--muted);font-size:12px}.stock-product-group td{padding:10px 18px!important;border-top:1px solid #cce6ee;border-bottom:1px solid #cce6ee;background:#edf8fb;color:#075f7d}.stock-product-group td b{font-size:13px}.stock-product-group td span{margin-left:8px;padding:3px 7px;border-radius:999px;background:#d9eff5;color:#527482;font-size:10px;font-weight:800}.stock-variant-row td:first-child{padding-left:28px}.evidence-photo-picker{display:grid;gap:8px;padding:11px;border:1px dashed #9dcfdd;border-radius:11px;background:#f6fbfd}.evidence-photo-picker.selected{border-style:solid;border-color:#72d6b4;background:#f1fcf7}.evidence-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.evidence-photo-actions label{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #b9dce6;border-radius:9px;background:#fff;color:#087da5;font-size:12px;font-weight:800;cursor:pointer}.evidence-photo-actions label:hover{border-color:#079bc3;background:#eaf9fc}.evidence-photo-actions input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.evidence-photo-picker>small{display:flex;align-items:center;gap:5px;min-width:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}@media(max-width:480px){.evidence-photo-actions{display:grid;grid-template-columns:1fr 1fr}.evidence-photo-actions label{padding-inline:8px}}.report-overview,.report-panel{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px}.report-filters .report-filter-field{display:block;padding:8px 11px 7px;background:#fff}.report-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}.report-period-picker{width:min(100%,410px);margin:0 0 12px;z-index:20}.report-filter-field>span{display:block;margin-bottom:2px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.07em}.report-filter-field>select{width:100%;padding:3px 18px 3px 0;border:0;border-radius:0;font-weight:750}.report-overview{margin-top:0;background:linear-gradient(145deg,#f8fcfd,#fff)}.report-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.report-section-heading small{color:#087fa9;font-size:9px;font-weight:800;letter-spacing:.08em}.report-section-heading h3{margin:3px 0 0;font:800 18px Manrope}.report-section-heading>span{padding:5px 8px;border-radius:999px;background:#edf6f9;color:var(--muted);font-size:10px;font-weight:800}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-kpi{display:flex;flex-direction:column;min-height:145px;padding:16px;border:1px solid #dce8ed;border-radius:13px;background:#fff}.report-kpi.highlight{border-color:#99dcea;background:#effbfe}.report-kpi.profit{border-color:#a7e1cc;background:#f1fcf7}.report-kpi.profit.loss{border-color:#f1b7bb;background:#fff4f4}.report-kpi.profit.loss>b,.report-kpi.profit.loss>em{color:var(--red)}.report-kpi>span{color:var(--muted);font-size:11px;font-weight:700}.metric-quality{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:3px 7px;border-radius:999px;background:#edf3f5;color:var(--muted);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.02em;white-space:nowrap}.metric-quality.verified{background:#ddf8ed;color:#08734a}.metric-quality.estimate{background:#e7f2ff;color:#245da4}.metric-quality.review{background:#fff0db;color:#9a5a0a}.report-kpi>b{margin:9px 0 5px;font:800 clamp(18px,2vw,25px) Manrope}.report-kpi>small{color:var(--muted);font-size:10px;line-height:1.45}.report-kpi>em{margin-top:auto;padding-top:9px;color:#087c58;font-size:10px;font-style:normal;font-weight:800}.report-kpi>em.down{color:var(--red)}.report-definition{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.report-definition.report-warning{padding:10px 12px;border-radius:9px;background:#fff2e2;color:#965c12}.report-chart{width:100%;min-height:260px}.report-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-ranking,.report-stock-values,.report-operations{display:grid}.report-ranking>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf1f3}.report-ranking>div:last-child{border-bottom:0}.report-ranking i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f7fc;color:#087da5;font-size:11px;font-style:normal;font-weight:800}.report-ranking span{display:grid;gap:2px}.report-ranking b{font-size:12px}.report-ranking small{color:var(--muted);font-size:10px}.report-stock-values p,.report-operations p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:11px 0;border-bottom:1px solid #edf1f3;font-size:11px}.report-stock-values p:last-child,.report-operations p:last-child{border-bottom:0}.report-stock-values span,.report-operations span{color:var(--muted)}.report-stock-values b,.report-operations b{text-align:right}.report-stockout{margin:0}.report-empty{margin:0;padding:24px 0;color:var(--muted);font-size:11px;text-align:center}.report-audit-panel{border-color:#bddde6;background:#fbfdfe}.report-audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.report-audit-summary article{display:grid;gap:4px;padding:12px;border:1px solid #dae8ed;border-radius:10px;background:#fff}.report-audit-summary b{font:800 18px Manrope}.report-audit-summary span{color:var(--muted);font-size:9px;line-height:1.4}.report-formula-table{border-radius:11px}.report-formula-table table{min-width:820px}.report-formula-table td{vertical-align:top}.report-formula-table .metric-quality{margin-top:0}.report-audit-alert{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:12px;border:1px solid #f1cf9d;border-radius:10px;background:#fff7e9;color:#8c560e}.report-audit-alert>svg{flex:0 0 auto;width:18px}.report-audit-alert p{margin:3px 0 0;font-size:10px;line-height:1.5}@media(max-width:1100px){.report-kpi-grid,.report-audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.filters{align-items:stretch;margin-bottom:12px}.filters .list-period-picker{flex:0 0 auto;width:100%;min-width:0;margin:0}.filters .list-period-picker .period-popover{position:static;inset:auto;width:100%;max-height:none;margin-top:8px;overflow:hidden;border-radius:14px;box-shadow:0 12px 26px #073b5a1f}.record-card-list,.transfer-document-list{align-content:start;margin-top:0}.report-two-columns,.report-kpi-grid{grid-template-columns:1fr}.report-overview,.report-panel{padding:15px}.report-kpi{min-height:125px}.report-audit-summary{grid-template-columns:1fr}}