:root{--bg:#f4f7fc;--panel:#fff;--ink:#0f172a;--muted:#596b84;--line:#e2e8f0;--primary:#2563eb;--accent-soft:#dceaff;--primary-pale:#eff6ff;--danger:#b4493a;--amber:#976b23;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{transition:background .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible{outline:3px solid #9cabc4;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#627391;box-shadow:0 0 0 3px #5e719214}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;font-weight:630;line-height:1.2}h2{font-size:17px;font-weight:620;letter-spacing:-.35px}h3{font-size:15px;font-weight:600}p{line-height:1.6}small{font-size:11px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;color:#474d58}input,select,textarea{width:100%;min-width:0;height:43px;border:1px solid #dce0e6;border-radius:8px;background:#fff;padding:0 12px;color:var(--ink)}input::placeholder{color:#9a9da2}label small{font-weight:400;color:var(--muted);line-height:1.5}select{padding-right:30px}input[readonly]{background:#eff1f4;color:#7b7f85}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}fieldset{border:1px solid var(--line);border-radius:8px;padding:14px;margin:20px 0 0}fieldset legend{font-size:12px;color:var(--muted)}fieldset .checkbox{margin:8px 0}.checkbox{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:12px;font-weight:450;line-height:1.5}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:41px;padding:10px 17px;border-radius:8px;font-size:12px;font-weight:570;white-space:nowrap}.button.primary{background:var(--primary);color:#fff;box-shadow:0 3px 6px #16253e10}.button.primary:hover:not(:disabled){background:#1d4ed8}.button.secondary{background:#fff;border-color:#dadee5;color:#454b55}.button.secondary:hover:not(:disabled){background:#eceff5}.button.danger{background:#faece8;color:var(--danger)}.full{width:100%;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--primary);padding:5px 0;font-weight:550;font-size:12px;text-align:left}.text-button:hover{text-decoration:underline}.icon-button{border:0;background:transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:20px;color:#7f838b;padding:0 6px}.icon-button:hover{background:#e8ebf1;color:var(--primary)}.muted{color:var(--muted)}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#7c828c;display:block;margin-bottom:11px}.eyebrow.light{color:#afb8c7}.title-dot{color:#6d82a7}.brand{display:flex;align-items:center;font-weight:680;font-size:30px;letter-spacing:-1.8px;line-height:1}.brand-mark{background:var(--primary);color:#c5d4ed;width:35px;height:35px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-right:9px;position:relative;font-size:36px;font-weight:450;line-height:1;padding-bottom:6px;letter-spacing:-4px}.brand-mark>span{font-size:33px;position:relative;top:-1px;left:-1px}.brand-dot{color:#8799b7}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#101d35;color:#fff;padding:44px 54px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;position:relative}.auth-story:before{content:"";position:absolute;right:-150px;bottom:-260px;width:650px;height:650px;border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 0 85px #ffffff03,0 0 0 170px #ffffff02;pointer-events:none}.auth-story .brand-mark{background:#dceaff;color:#2563eb}.auth-story-content{max-width:470px;margin:70px auto;position:relative}.auth-story h1{font-size:clamp(38px,4vw,64px);letter-spacing:-2.5px;line-height:1.08;font-weight:500;margin:22px 0}.auth-story-content>p{font-size:15px;color:#acb6c6;max-width:370px;line-height:1.8}.auth-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#98a4b8;position:relative;letter-spacing:.3px}.auth-illustration{margin-top:44px;border:1px solid #ffffff16;background:linear-gradient(130deg,#ffffff0b,#ffffff03);border-radius:14px;padding:20px 22px;box-shadow:0 15px 40px #09132520}.illustration-top{display:flex;justify-content:space-between;font-size:11px;color:#cad1dd}.illustration-top i{font-style:normal;color:#dceaff}.shop-row{display:flex;justify-content:space-between;align-items:center;padding:32px 0;gap:12px}.shop{width:82px;height:85px;border:1px solid #ffffff25;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#ffffff05}.shop>span{font-size:29px;line-height:1}.shop small{font-size:10px;color:#c2c9d4}.shop.primary{background:#dceaff;border-color:#dceaff;color:#2563eb;box-shadow:0 10px 25px #0b182e60}.shop.primary small{color:#2563eb}.shop-row>b{font-weight:400;color:#909cb1}.illustration-bottom{border-top:1px solid #ffffff12;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#a6b2c8;gap:12px}.auth-form-panel{padding:50px 48px;display:flex;align-items:center;justify-content:center;background:#f7f8fb}.auth-form-wrap{width:100%;max-width:390px}.auth-form-wrap h2{font-size:28px;font-weight:600;letter-spacing:-1px;margin-bottom:12px;line-height:1.25}.auth-form-wrap>p{font-size:13px;margin-bottom:29px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form input,.auth-form select{height:46px}.auth-form .button{margin-top:7px;height:47px;font-size:13px}.auth-switch{margin:23px 0;font-size:11px;line-height:1.8;color:var(--muted)}.auth-switch .text-button{font-size:11px}.offline-note{display:flex;border-top:1px solid #dee2e9;padding-top:20px;gap:11px;color:#818893;font-size:11px}.offline-note>span{font-size:18px;color:#6f7d94}.mobile-brand{display:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:40;padding:29px 17px 0}.sidebar .brand{margin-left:12px;margin-bottom:30px}.workspace-card{border:1px solid var(--line);border-radius:9px;padding:11px 9px;display:flex;gap:9px;align-items:center;margin-bottom:25px}.workspace-avatar{width:32px;height:34px;background:#e8ecf3;border-radius:6px;color:#495a78;font-size:11px;font-weight:650;display:grid;place-items:center;flex-shrink:0}.workspace-card>div{min-width:0}.workspace-card strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:126px}.workspace-card small{display:block;font-size:9px;color:#8f95a0;margin-top:4px}.workspace-check{margin-left:auto;font-size:11px;color:#607497}.sidebar nav{overflow:auto;padding-bottom:20px;scrollbar-width:thin}.nav-section{font-size:8px;letter-spacing:1.4px;color:#949aa5;font-weight:650;padding:0 13px;margin:22px 0 11px}.nav-section:first-child{margin-top:0}.sidebar nav>button{display:flex;width:100%;gap:11px;align-items:center;height:36px;background:none;border:0;border-radius:7px;color:#737880;font-size:11px;font-weight:500;margin:3px 0;padding:0 12px;text-align:left}.sidebar nav>button:hover{background:#f2f4f8;color:#2a3446}.sidebar nav>button.active{background:#e4eaf4;color:#313d51;font-weight:650;box-shadow:inset 3px 0 #8092b2}.nav-icon{font-size:18px;font-weight:400;width:18px;text-align:center;line-height:1;color:#7d8594}.sidebar nav>button.active .nav-icon{color:#4b5d7d}.count-badge{margin-left:auto;background:#d7deeb;color:#334056;min-width:18px;border-radius:4px;font-size:9px;padding:2px 4px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:19px 9px;display:flex;gap:9px;align-items:center;background:#fff}.sidebar-bottom strong{display:block;font-size:10px;font-weight:500}.sidebar-bottom small{display:block;margin-top:4px;font-size:9px;color:#8e95a0}.connection-dot{width:7px;height:7px;background:#637aa2;border-radius:50%;box-shadow:0 0 0 4px #637aa214}.connection-dot.disconnected{background:#d6a45a;box-shadow:0 0 0 4px #d6a45a14}.main-shell{margin-left:236px;width:calc(100% - 236px);min-width:0}.topbar{height:73px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px;position:sticky;top:0;z-index:20}.breadcrumb{display:flex;gap:14px;font-size:11px;color:#989ca4;align-items:center}.breadcrumb strong{font-weight:500;color:#4f5662}.slash{color:#b9c1cf}.topbar-actions{display:flex;align-items:center;gap:16px}.branch-picker{display:flex;flex-direction:row;align-items:center;gap:6px}.branch-picker>span{font-size:18px;color:#818b9c}.branch-picker select{border:0;font-size:11px;font-weight:500;height:32px;max-width:190px;padding:0 18px 0 5px;background:transparent}.user-avatar{background:#f0eee0;color:#79734a;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;border:3px solid white;box-shadow:0 0 0 1px #dee4ee}.menu-toggle{display:none}.content{max-width:1600px;margin:auto;padding:34px 34px 0;min-height:calc(100vh - 73px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{color:#878c95;font-size:12px;margin-top:10px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:11px}.period-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;font-size:10px;color:#878e99}.live-chip{display:inline-flex;align-items:center;gap:8px;color:#5b6473}.live-chip i{width:5px;height:5px;background:#5a7095;border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px 20px;min-width:0}.metric-label{font-size:10px;color:#7e8591;font-weight:500;display:flex;justify-content:space-between;gap:7px;align-items:center}.metric-label>span{font-size:18px;color:#949eae}.metric>strong{display:block;font-size:clamp(19px,2vw,27px);font-weight:600;letter-spacing:-.9px;margin:17px 0 10px;white-space:nowrap}.metric>small{font-size:9px;color:#8f97a4}.metric.featured{background:#1c2c49;border-color:#1c2c49;color:#fff;position:relative;overflow:hidden}.metric.featured:after{content:"";position:absolute;right:-28px;bottom:-65px;width:140px;height:140px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 20px #ffffff04}.metric.featured .metric-label{color:#afbbd0}.metric.featured .metric-label>span{color:#a6bde6}.metric.featured>small{color:#9caac3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:22px;margin-bottom:23px}.panel{border:1px solid var(--line);border-radius:11px;background:#fff;min-width:0;overflow:hidden}.panel-heading{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px;color:#8f97a4;margin-top:6px}.legend{display:flex;align-items:center;gap:6px;font-size:9px;color:#8991a0}.legend i{width:6px;height:6px;background:#8294b4;border-radius:2px}.chart-panel{min-height:280px}.chart{height:218px;padding:4px 23px 24px}.chart-label{font-size:9px;color:#8f97a4;margin-bottom:10px}.chart-bars{height:155px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid #e8ebf0;background:repeating-linear-gradient(to top,transparent 0px,transparent 49px,#e9ecf1 49px,#e9ecf1 50px)}.chart-column{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0}.bar{background:#9aa9c3;min-height:1px;border-radius:4px 4px 0 0;width:75%;max-width:38px}.chart-column:nth-last-child(1) .bar{background:#38465d}.chart-column small{position:absolute;bottom:-22px;font-size:8px;color:#8f97a4}.chart-empty{height:196px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:20px}.chart-empty strong{font-size:12px;color:#717b8d;font-weight:500;margin-top:15px}.chart-empty p{font-size:10px;color:#9ca2ad;margin-top:6px}.empty-bars{height:70px;display:flex;align-items:flex-end;gap:9px}.empty-bars i{width:22px;background:#e9edf3;border:1px solid #dde3ee;border-radius:4px 4px 0 0}.empty-bars i:nth-child(3n){height:55px}.empty-bars i:nth-child(3n+1){height:29px}.empty-bars i:nth-child(3n+2){height:43px}.round-icon{width:30px;height:30px;border-radius:50%;background:#ecf0f6;color:#78869e;display:grid;place-items:center;font-size:19px}.stock-alert-panel{padding-bottom:19px}.stock-alert-panel .panel-heading{padding-bottom:14px}.alert-count{font-size:30px;font-weight:550;letter-spacing:-1px;padding:0 23px 16px}.alert-count>span{font-size:10px;letter-spacing:0;font-weight:400;color:#8e95a0;margin-left:4px}.stock-alert-row{display:flex;justify-content:space-between;gap:12px;padding:10px 23px;font-size:10px;border-top:1px solid #edeff3}.stock-alert-row b{font-size:9px;color:#8c8b55;font-weight:500}.stock-alert-panel>.text-button{margin:13px 23px 0}.stock-alert-panel>.muted{font-size:11px;padding:7px 23px 15px}.red{color:#b46950!important}.table-wrap{overflow:auto;width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:#f7f8fb;color:#8a92a1}th{font-size:9px;font-weight:500;padding:12px 22px;white-space:nowrap;border-top:1px solid #e8ebf0;border-bottom:1px solid #e8ebf0}td{padding:16px 22px;border-bottom:1px solid #eceff3;white-space:nowrap;color:#656f7f}tr:last-child td{border-bottom:0}td strong{font-weight:550;display:block;color:#444e5e;font-size:11px}td small{display:block;color:#969daa;font-size:9px;margin-top:5px}.numeric{font-variant-numeric:tabular-nums;font-weight:500}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:-.2px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:500;border-radius:5px;padding:5px 8px;color:#4d6080;background:#e5ebf5;white-space:nowrap}.badge.warning-badge{background:#fcf4e4;color:#a88a4f}.badge.neutral-badge{background:#edeff2;color:#808896}.soft-chip{display:inline-block;border:1px solid #dce1e9;background:#f4f6fa;color:#6e798b;padding:8px 11px;border-radius:7px;font-size:10px}.soft-chip.small{padding:4px 6px;margin:2px;font-size:9px}.empty-cell{text-align:center;padding:47px 25px;white-space:normal;line-height:1.8;color:#959daa;font-size:12px}.clickable{cursor:pointer}.clickable:hover{background:#f5f8fc}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:33px 0 22px;font-size:9px;color:#9ba3b0}.page-footer>span:first-child{color:#758093;font-size:13px;font-weight:600;letter-spacing:-.5px}.page-footer>span:first-child>span{font-size:9px;font-weight:400;letter-spacing:0;margin-left:7px;color:#9ba3b0}.alert{display:flex;align-items:center;gap:12px;font-size:12px;padding:13px 16px;border-radius:8px;margin-bottom:18px;line-height:1.7}.alert>button{margin-left:auto;border:0;background:transparent;font-size:18px;color:inherit}.alert.error{background:#fff1ed;color:#b35c48;border:1px solid #f4ded5}.alert.success{background:#e7ecf5;color:#485a79;border:1px solid #d5ddeb}.alert.warning{background:#fff8e9;color:#9c8046;border:1px solid #f2e7cb}.footnote{font-size:10px;color:#8690a0;margin-top:16px;line-height:1.8}.spaced{margin-top:24px}.search-input{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 13px}.search-input>span{font-size:23px;color:#9aa2b0}.search-input input{border:0;box-shadow:none;height:43px;font-size:11px;padding:0 4px;background:transparent}.search-input kbd{font-family:inherit;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:#96a0b0}.tabs{display:flex;gap:6px;margin:19px 0;flex-wrap:wrap}.tabs button{border:1px solid transparent;border-radius:6px;color:#8d96a6;background:transparent;font-size:10px;padding:9px 12px}.tabs button.active{background:#dde4ef;color:#485a78;border-color:#d3dbe9}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0;display:flex;flex-direction:column}.product-card:hover:not(:disabled){border-color:#9dabc4;transform:translateY(-2px);box-shadow:0 5px 12px #2e394d08}.product-card:disabled{opacity:.55}.product-visual{height:88px;border-radius:6px;background:#e7ebf2;display:flex;align-items:center;justify-content:center;position:relative;color:#94a0b6;font-family:Georgia,serif;font-size:35px;letter-spacing:-2px}.product-visual.food{background:#f6efdf;color:#bfaa7d}.product-visual i{position:absolute;right:7px;top:7px;font-size:15px;font-family:inherit;font-style:normal;background:#ffffffa0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#78869f}.product-card>small{font-size:8px;color:#96a0b0;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card>strong{font-size:11px;font-weight:550;margin:7px 0 12px;line-height:1.4;color:#455268}.product-card>div:last-child{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;flex-wrap:wrap}.product-card b{font-size:11px;font-weight:600;color:#40506c}.stock-count{font-size:8px;color:#8a95a7}.empty-state{grid-column:1/-1;padding:70px 30px;text-align:center;color:#929cad;border:1px dashed #d0d8e5;border-radius:12px}.empty-state>span{font-size:39px}.empty-state h3{margin:13px 0 8px;color:#67768f}.empty-state p{font-size:11px;max-width:300px;margin:auto}.cart{position:sticky;top:94px}.cart>.panel-heading{padding:20px;border-bottom:1px solid var(--line)}.cart-lines{max-height:290px;overflow:auto;min-height:180px}.cart-line{padding:13px 20px;border-bottom:1px solid #e9edf3}.cart-line-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.cart-line-head strong{font-size:11px;font-weight:550;color:#47566f}.cart-line-head .icon-button{height:22px;min-width:22px;font-size:16px}.cart-line-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;color:#51617d}.quantity-input{display:flex;flex-direction:row;gap:4px;align-items:center}.quantity-input input{width:67px;height:30px;font-size:11px;padding:0 5px}.quantity-input span{font-size:9px;color:#8e98aa}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:190px;color:#94a0b4}.empty-cart>span{font-size:30px;color:#bfcadc;margin-bottom:15px}.empty-cart strong{font-size:12px;font-weight:500}.empty-cart p{font-size:10px;margin-top:6px}.cart-checkout{padding:20px;background:#fafbfe;border-top:1px solid var(--line)}.cart-checkout>label{margin-bottom:16px;font-size:10px}.cart-checkout input,.cart-checkout select{height:37px;font-size:11px}.cart-checkout .checkbox input{height:15px;width:15px}.cart-checkout label small{font-size:9px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;color:#6b7990}.cart-total strong{font-size:23px;color:#38465e;font-weight:600;letter-spacing:-.6px}.cart-caption{text-align:center;color:#95a0b3;font-size:9px;margin-top:11px}.table-toolbar{padding:18px 22px;display:flex;justify-content:space-between;gap:15px}.table-toolbar .search-input{min-width:200px;max-width:400px;flex:1}.table-toolbar>select{width:190px;font-size:11px}.product-table-name{display:flex;gap:11px;align-items:center}.mini-product{width:32px;height:34px;background:#e7ebf3;border-radius:6px;display:grid;place-items:center;color:#8b9ab4;font-size:11px;flex-shrink:0}.row-actions{display:flex;gap:12px}.pagination{border-top:1px solid var(--line);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#8b96a8}.pagination .button{font-size:10px;min-height:32px;padding:7px 12px}.report-filters{display:flex;align-items:flex-end;gap:14px;padding:20px;margin-bottom:24px;flex-wrap:wrap}.report-filters>label{flex:1;min-width:130px;font-size:10px}.report-filters input,.report-filters select{font-size:11px}.summary-strip{display:flex;justify-content:space-between;gap:20px;padding:22px;flex-wrap:wrap}.summary-strip small{display:block;font-size:10px;color:#909aab}.summary-strip strong{display:block;margin-top:9px;font-weight:550;color:#50617e;font-size:16px}.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0 23px 23px}.branch-card{border:1px solid #dfe4ee;border-radius:9px;padding:20px}.branch-card>span{font-size:25px;color:#8c9bb6}.branch-card h3{margin:15px 0 7px;font-size:13px;color:#4d5e7a}.branch-card p{font-size:10px;color:#949eb0}.sync-overview{display:flex;align-items:center;gap:20px;padding:28px;margin-bottom:23px}.sync-icon{width:56px;height:56px;display:grid;place-items:center;background:#e2e9f4;color:#7e91b2;font-size:30px;border-radius:50%}.sync-overview h2{font-size:17px;color:#485977}.sync-overview p{font-size:11px;color:#8594ae;margin-top:7px}.sync-overview .badge{margin-left:auto}.wrap-cell{white-space:normal;min-width:200px;max-width:400px;line-height:1.6}.panel-footer{padding:20px;display:flex;gap:20px;align-items:center;border-top:1px solid var(--line)}.panel-footer small{font-size:10px;color:#949eae;line-height:1.6}.overlay{position:fixed;inset:0;background:#171e2a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.form-overlay{z-index:110}.dialog{width:680px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border-radius:15px;box-shadow:0 25px 90px #0e162330}.document-dialog{width:820px}.dialog-header{padding:25px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-header h2{font-size:21px;color:#36435a;line-height:1.3}.dialog-header .eyebrow{font-size:8px}.dialog-body{padding:25px 28px}.dialog-actions{padding:20px 28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;background:#f9fafd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 17px}.form-grid label{font-size:11px}.form-grid select,.form-grid input{font-size:12px}.form-lines-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:25px 0 15px}.form-lines-heading h3{font-size:12px;color:#667693}.form-line{display:flex;align-items:flex-end;gap:10px;margin-top:12px;padding-bottom:12px;border-bottom:1px solid #e5eaf2}.form-line>label{flex:1;font-size:9px;min-width:65px}.form-line .line-product{flex:2.5;min-width:130px}.form-line input,.form-line select{height:37px;padding:0 8px;font-size:11px}.form-line .icon-button{margin-bottom:2px}.document-number{color:#7f8ca3;font-size:10px;overflow-wrap:anywhere;line-height:1.6}.document-meta{display:flex;justify-content:space-between;gap:13px;align-items:center;margin:16px 0 24px;flex-wrap:wrap;font-size:11px;color:#6c7c98}.document-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:#50617f;font-size:13px;border-top:1px solid var(--line);margin-top:15px}.document-total strong{font-size:24px;letter-spacing:-.7px;font-weight:600}.transfer-route{display:flex;justify-content:space-between;align-items:center;background:#e9eef6;border:1px solid #dbe2ed;border-radius:8px;padding:20px;margin:20px 0;color:#53688b;font-size:13px}.transfer-route>span{font-size:23px;color:#97a6c1}.info-box{padding:16px;background:#edf1f7;border:1px solid #dde3ee;border-radius:7px;line-height:1.7;font-size:12px;color:#6b7d9c;margin:16px 0}.info-box strong{color:#536686}.linked-document{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.linked-document strong{display:block;font-size:11px;color:#596b8b;font-weight:500}.linked-document small{display:block;font-size:10px;color:#909db3;margin-top:5px}.print-sheet{display:none}@media(min-width:1600px){.content{padding:42px 48px 0}.metric>strong{font-size:29px}.sidebar{width:250px}.main-shell{margin-left:250px;width:calc(100% - 250px)}}@media(max-width:1250px){.sidebar{width:212px;padding-left:12px;padding-right:12px}.main-shell{margin-left:212px;width:calc(100% - 212px)}.content{padding:28px 24px 0}.topbar{padding:0 24px}.metric{padding:18px 15px}.metric>strong{font-size:21px}.metric-label{font-size:9px}.metrics{gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}td,th{padding-left:16px;padding-right:16px}.dashboard-grid{gap:17px}.sidebar nav>button{font-size:10px}}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:27px}.dashboard-grid{grid-template-columns:1fr}.stock-alert-panel{display:none}.pos-layout{grid-template-columns:1fr}.cart{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-lines{min-height:100px}.cart-checkout{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.cart-checkout .cart-total{margin-top:0}.cart-caption{grid-column:1/-1}.auth-story{padding:35px}.auth-story h1{font-size:43px}.auth-form-panel{padding:40px 30px}.auth-footer{flex-direction:column}.shop{width:65px;height:75px}.auth-illustration{padding:17px}.breadcrumb{font-size:10px;gap:9px}.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:235px;z-index:60}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;background:#131a2766;z-index:50;border:0}.main-shell{margin-left:0;width:100%}.menu-toggle{display:flex}.topbar{height:62px;padding:0 17px;gap:10px}.topbar-actions{gap:10px}.breadcrumb>span,.breadcrumb>strong{display:none}.branch-picker select{max-width:175px}.content{padding:25px 18px 0}.page-heading{align-items:flex-start;margin-bottom:22px;gap:15px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.page-heading p{font-size:11px;max-width:350px}.page-heading>.button{font-size:10px;min-height:36px;padding:9px 12px;margin-top:4px}.metrics{gap:10px}.metric{padding:18px 15px}.metric>strong{font-size:23px;margin:13px 0 8px}.metric>small{font-size:8px}.period-strip{font-size:9px;gap:8px}.panel-heading{padding:20px}.page-footer>span:last-child{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.product-card{padding:10px}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-form-panel{min-height:100vh;padding:35px 24px}.mobile-brand{display:block;font-size:35px;font-weight:650;letter-spacing:-2px;color:#2563eb;margin-bottom:50px}.auth-form-wrap{max-width:420px}.auth-form-wrap h2{font-size:27px}.overlay{padding:12px}.dialog{max-height:calc(100dvh - 24px);border-radius:12px}.dialog-header,.dialog-body{padding:20px}.dialog-header h2{font-size:19px}.dialog-actions{padding:17px 20px}.form-grid{gap:16px 12px}.form-line{flex-wrap:wrap;gap:10px}.form-line .line-product{flex-basis:100%}.form-line>label{flex-basis:30%}.table-toolbar{padding:16px;flex-wrap:wrap}.table-toolbar>select{flex:1}.table-toolbar .search-input{max-width:none;min-width:170px}.sync-overview{gap:12px;padding:20px;flex-wrap:wrap}.sync-overview h2{font-size:15px}.sync-overview p{font-size:10px}.sync-icon{width:40px;height:40px;font-size:25px}.panel-footer{align-items:flex-start;flex-direction:column;gap:12px}.report-filters{gap:13px;padding:16px}.report-filters>label{flex-basis:40%}.report-filters>.button{width:100%}.summary-strip{padding:20px;gap:22px}.summary-strip>div{flex-basis:40%}.summary-strip strong{font-size:14px}.alert{font-size:11px}.document-meta{font-size:10px}}@media(max-width:430px){.page-heading{flex-wrap:wrap}.page-heading>.button{margin-top:0}.metric>strong{font-size:20px}.metric-label{font-size:9px}.metric-label>span{font-size:15px}.metric>small{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-checkout{display:flex;flex-direction:column}.cart-total{margin:5px 0 20px!important}.form-grid,.branch-grid{grid-template-columns:1fr}.topbar-actions{gap:7px}.topbar-actions .refresh{display:none}.branch-picker select{max-width:160px}.panel-heading{padding:18px 16px}.period-strip{align-items:flex-start;flex-direction:column}.document-total strong{font-size:20px}.dialog-actions .button{font-size:11px}.page-footer{padding-top:28px}.auth-form .form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#111;font-size:11pt}body>*{display:none}body>app-root{display:block}app-root>*{display:none!important}app-root>.print-sheet{display:block!important}.print-sheet{padding:10mm 5mm;font-size:11pt;color:#111}.print-sheet header{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #2563eb;padding-bottom:20px;margin-bottom:25px}.print-sheet h1{font-size:25pt;color:#2563eb;margin-bottom:10px}.print-sheet h2{font-size:14pt}.print-sheet p{margin:10px 0}.print-sheet table{margin:25px 0;font-size:10pt}.print-sheet td,.print-sheet th{color:#111;padding:10px 8px;font-size:10pt;white-space:normal}.print-sheet .document-number{font-size:8pt;max-width:280px;color:#333}.print-sheet .print-total{font-size:17pt;font-weight:600;text-align:right;border-top:1px solid #aaa;padding-top:20px}.print-sheet footer{margin-top:40px;border-top:1px solid #ddd;padding-top:10px;font-size:9pt}.print-warning{border:2px solid #111;padding:10px;font-weight:700}@page{size:A4;margin:12mm}}.form-grid.contact-filters{padding:20px 20px 12px;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}.contact-count{padding:0 20px 12px;color:var(--muted, #65716b)}.contact-address{white-space:normal;overflow-wrap:anywhere;max-width:340px}@media(max-width:720px){.form-grid.contact-filters{grid-template-columns:1fr}}.category-toolbar{flex-wrap:wrap}.category-toolbar select{max-width:220px}.category-group-row th{background:var(--accent-soft);color:var(--ink);font-size:13px;text-transform:none;letter-spacing:normal}.category-group-row span,.catalog-category h2 span{margin-left:12px;color:var(--muted);font-size:11px;font-weight:400}.catalog-category{margin-top:22px}.catalog-category h2{margin-bottom:14px}.pos-category-filter{margin-top:16px}.category-description{max-width:360px;white-space:normal;overflow-wrap:anywhere}@media(max-width:720px){.category-toolbar select{max-width:none}}@media screen{:root{--bg: #f4f7fc;--ink: #0f172a;--muted: #596b84;--line: #e2e8f0;--primary: #2563eb;--accent-soft: #dceaff;--primary-pale: #eff6ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body:has(.overlay),body:has(.sidebar.open){overflow:hidden}button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .2s cubic-bezier(.2,.8,.2,1)}button:focus-visible,a:focus-visible{outline:3px solid #7388ab;outline-offset:3px}h1{font-size:clamp(29px,2.7vw,38px);font-weight:650;letter-spacing:-1.4px}h2{font-weight:650}label{font-size:13px;color:#525c6c}input,select,textarea{height:46px;border-color:#dadee5;border-radius:10px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#8193b3;box-shadow:0 0 0 4px #2563eb0b}input::placeholder{color:#949aa4}label small{font-size:11px;color:#787e89}.button{min-height:44px;border-radius:10px;font-size:12px;gap:9px;padding:12px 18px}.button app-icon{width:17px;height:17px}.button.primary{background:#2563eb;box-shadow:0 4px 10px #35425919,inset 0 1px #ffffff16}.button.primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #35425926}.button.primary:active:not(:disabled){transform:translateY(0)}.button.secondary{border-color:#dadfe6;color:#4b5669}.text-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:12px}.text-button app-icon{width:15px;height:15px}.icon-button{min-width:36px;height:36px;border-radius:10px;color:#7c8493}.icon-button app-icon{width:19px;height:19px}.icon-button:hover{background:#e9edf3;color:var(--primary)}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;color:#788395}.title-dot{color:#5e769e}.status-dot{width:6px;height:6px;border-radius:50%;background:#6f84a8;box-shadow:0 0 0 4px #6f84a812;flex-shrink:0}.skip-link{position:fixed;top:-70px;left:20px;z-index:200;padding:12px 20px;border-radius:10px;background:var(--primary);color:#fff}.skip-link:focus{top:12px}.brand{font-weight:700;font-size:31px}.brand-mark{border-radius:11px;width:36px;height:36px}.auth-shell{grid-template-columns:1.12fr 1fr;min-height:100dvh}.auth-story{padding:43px 7%;background:radial-gradient(ellipse at 0% 0%,#1e3a64,transparent 60%),#101d35}.auth-story:before{border-color:#b6c7e513;box-shadow:0 0 0 75px #b6c7e504,0 0 0 150px #b6c7e503}.auth-story .brand{color:#eaf0fa}.auth-story .brand-mark{background:#dceaff;color:#1d4ed8}.auth-story-content{max-width:540px;margin:75px auto}.auth-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid #b9cae623;border-radius:30px;padding:9px 13px;background:#becde808;color:#aebcd4;font-size:11px}.auth-story h1{font-size:clamp(39px,4.5vw,67px);font-weight:550;letter-spacing:-2.7px;line-height:1.12;margin:25px 0}.auth-story h1 em{color:#93c5fd;font-style:normal}.auth-story-content>p{color:#a4aebf;font-size:14px;line-height:1.9;max-width:405px}.auth-illustration{padding:23px;border-color:#bbc9e224;border-radius:18px;margin-top:37px;background:linear-gradient(140deg,#ffffff0b,#ffffff02);box-shadow:0 25px 50px #060d182a}.illustration-top{align-items:center;gap:12px;color:#b8c4d9}.illustration-logo{display:flex;align-items:center;gap:8px}.illustration-logo app-icon{width:16px;height:16px}.illustration-live{padding:5px 8px;border-radius:20px;background:#acc4ed12;color:#9fb8e4;font-size:9px}.shop{width:93px;height:93px;border-radius:13px;gap:13px}.shop app-icon{width:29px;height:29px}.shop.primary{transform:translateY(-8px);background:#adc3e8;color:#333f54}.shop-row>app-icon{width:18px;height:18px;color:#75839c}.illustration-bottom span,.auth-benefits span{display:flex;align-items:center;gap:7px;font-size:10px}.illustration-bottom app-icon,.auth-benefits app-icon{width:14px;height:14px}.auth-benefits{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px;color:#929fb5}.auth-footer{font-size:10px;color:#8995aa}.auth-form-panel{background:#fbfcfd}.auth-form-wrap h2{font-size:32px;letter-spacing:-1.1px}.auth-form{gap:19px}.auth-form input,.auth-form select{height:48px;font-size:13px}.auth-form .button{height:49px}.offline-note app-icon{color:#7a88a1;margin-top:3px}.offline-note p{font-size:11px;line-height:1.8}.app-shell{--sidebar-width: 256px}.sidebar{width:var(--sidebar-width);padding:29px 17px 17px;background:#101d35;border-right:0;color:#bac2d0;transition:width .25s,transform .25s}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:30px}.sidebar .brand{margin:0;color:#ecf1fa}.sidebar .brand-mark{background:#dceaff;color:#1d4ed8}.close-menu{display:none}.workspace-card{padding:12px;border:1px solid #b6c4dd1c;border-radius:12px;background:#ffffff03;margin-bottom:25px;gap:11px}.workspace-avatar{width:33px;height:35px;border-radius:9px;background:#a5b4cd15;color:#b0c1df;border:1px solid #c3cee014}.workspace-card>div{flex:1}.workspace-card strong{max-width:100%;color:#d6deec;font-size:11px}.workspace-card small{color:#808da3;font-size:9px}.workspace-card>app-icon{width:15px;height:15px;color:#7b89a2}.sidebar nav{flex:1;min-height:0;scrollbar-color:#374050 transparent;padding-bottom:12px}.nav-section{color:#7c8aa3;font-size:8px;margin:23px 0 10px;letter-spacing:1.4px}.sidebar nav>button{height:41px;border-radius:9px;color:#a0abbf;font-size:12px;gap:11px}.sidebar nav>button app-icon{width:18px;height:18px;color:#7c8ba4}.sidebar nav>button:hover{background:#b2c2df0b;color:#dbe2ef}.sidebar nav>button.active{background:#dceaff;color:#17365c;font-weight:650;box-shadow:0 4px 12px #080d1514}.sidebar nav>button.active app-icon{color:#1d4ed8}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-badge{background:#cad8f0;border-radius:6px;color:#344157;font-size:9px}.sidebar-bottom{display:flex;width:100%;align-items:center;gap:10px;margin-top:14px;border:1px solid #abb9d21c;border-radius:11px;background:#a6b8d709;padding:13px 11px;text-align:left}.sidebar-bottom:hover{background:#adc0e012}.sidebar-status-icon{width:29px;height:33px;flex-shrink:0;display:grid;place-items:center;color:#91a1bd}.sidebar-status-copy{min-width:0}.sidebar-bottom strong{color:#abb9d2;font-size:10px;line-height:1.5}.sidebar-bottom small{color:#7686a2;font-size:9px;line-height:1.5}.main-shell{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:margin-left .25s,width .25s}.topbar{height:81px;padding:0 34px;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:35}.breadcrumb{gap:13px;font-size:11px;color:#7e8695}.breadcrumb strong{color:#465268}.breadcrumb-chevron{width:11px;height:11px;color:#9da7b8}.topbar-actions{gap:16px;min-width:0}.header-search{display:flex;align-items:center;gap:9px;color:#717e94;font-size:11px;padding:8px 0;background:transparent;border:0}.header-search app-icon{width:17px;height:17px}.header-search kbd{margin-left:13px;padding:3px 5px;border:1px solid #d9dee8;border-radius:4px;background:#f5f7fa;font:9px inherit;color:#8c98ac}.branch-picker{gap:10px}.branch-picker>app-icon{color:#6e7d98;width:19px;height:19px}.branch-picker-label{display:flex;flex-direction:column;font-size:9px;color:#7e8a9f;gap:4px;font-weight:400}.branch-picker select{height:20px;max-width:170px;padding:0 18px 0 0;border-radius:3px;font-size:11px;color:#404f69}.header-divider{width:1px;height:29px;background:var(--line)}.user-profile{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border:0;background:#dde4f0;color:#4f6283;box-shadow:inset 0 0 0 1px #cfd8e8;font-size:11px}.user-copy{max-width:115px}.user-copy strong{display:block;font-size:11px;color:#43526d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy small{display:block;margin-top:5px;font-size:9px;color:#79869d}.logout-button app-icon{width:17px;height:17px}.mobile-nav,.mobile-cart-bar{display:none}.compact-sidebar{--sidebar-width: 84px}.compact-sidebar .sidebar{padding-left:13px;padding-right:13px}.compact-sidebar .brand-word,.compact-sidebar .workspace-card,.compact-sidebar .nav-label,.compact-sidebar .sidebar-status-copy{display:none}.compact-sidebar .sidebar-brand-row{padding:0;justify-content:center;margin-bottom:27px}.compact-sidebar .brand-mark{margin:0}.compact-sidebar .sidebar nav>button{justify-content:center;padding:0;height:42px;position:relative}.compact-sidebar .nav-section{height:1px;font-size:0;background:#9fb0cc16;margin:16px 7px;padding:0}.compact-sidebar .nav-section:first-child{display:none}.compact-sidebar .count-badge{position:absolute;right:1px;top:2px;min-width:15px;height:15px;font-size:8px}.compact-sidebar .sidebar-bottom{justify-content:center;padding:10px 0}.content{max-width:1660px;padding:34px 34px 0;min-height:calc(100dvh - 81px);outline:none}.page-heading{margin-bottom:29px;animation:arrive .3s ease both}.page-heading .eyebrow{font-size:9px;letter-spacing:1.45px}.page-heading p{font-size:13px;color:#737d8d}.page-heading p strong{color:#455572;font-weight:550}.page-heading>.button{flex-shrink:0}.period-strip{margin-bottom:24px}.period-context{display:flex;align-items:center;gap:9px;color:#6e7c93;font-size:11px}.period-context app-icon{width:16px;height:16px;color:#7587a6}.period-divider{height:13px;width:1px;background:#cfd7e5;margin:0 3px}.segmented{display:flex;padding:4px;gap:2px;border-radius:10px;border:1px solid #d5dce8;background:#e6ebf3;flex-shrink:0}.segmented button{border:0;border-radius:7px;background:none;color:#617392;font-size:11px;padding:8px 13px}.segmented button.active{background:#fff;color:#38455c;box-shadow:0 2px 5px #28324310;font-weight:550}.metrics{gap:17px}.metric{padding:22px;border-radius:18px;border-color:#d7dee9;box-shadow:0 3px 7px #202d4403;animation:arrive .35s ease both}.metric:nth-child(2){animation-delay:40ms}.metric:nth-child(3){animation-delay:80ms}.metric:nth-child(4){animation-delay:.12s}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:23px}.metric-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#b6cbef1a;color:#adc3e8;border:1px solid #c7d6ef1c}.metric-icon app-icon{width:18px;height:18px}.metric-period{font-size:10px;color:#7b889f}.metric-label{font-size:12px;color:#5a6881}.metric>strong{font-size:clamp(22px,2.1vw,31px);color:#0f172a;letter-spacing:-1px;font-weight:650;margin:11px 0 15px;white-space:normal;overflow-wrap:anywhere}.metric>small{display:flex;align-items:center;gap:6px;color:#7a889f;font-size:10px;line-height:1.6}.metric>small app-icon{width:13px;height:13px}.metric.featured{background:linear-gradient(115deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 8px 22px #2b36481c}.metric.featured:after{width:190px;height:190px;bottom:-85px;right:-105px;border-color:#afc5eb20;box-shadow:0 0 0 24px #bccff105,0 0 0 48px #bccff104}.metric.featured .metric-label{color:#eff6ff}.metric.featured>strong{color:#fff}.metric.featured>small,.metric.featured .metric-period{color:#eff6ff}.mint{background:#e5ebf5;color:#657ba2}.lavender{background:#f0edfa;color:#9886c2}.peach{background:#fff0e3;color:#c0935c}.sky{background:#eaf3fc;color:#81a9cd}.tiny-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tiny-dot.mint{background:#7488ab}.tiny-dot.lavender{background:#b0a0cd}.tiny-dot.peach{background:#d0aa78}.panel{border-radius:18px;border-color:#d8dee9;box-shadow:0 3px 9px #202e4503;animation:arrive .3s ease both}.panel-heading{padding:23px 24px}.panel-heading h2{color:#1e293b;font-size:16px}.panel-heading p{color:#7b889e;font-size:11px;margin-top:7px}table{font-size:13px}th{font-size:11px;color:#6d7c96;background:#f5f7fa;padding:13px 24px;border-color:#e1e6f0}td{font-size:12px;padding:18px 24px;color:#5b6a84;border-color:#e7ebf3}tbody tr:hover{background:#f8f9fc}td strong{font-size:12px;color:#334155}td small{font-size:10px;color:#7c8ba4}.numeric{color:#3f4e69}.badge{border-radius:6px;font-size:10px;padding:5px 9px;background:#e5ebf6;color:#53688b;gap:6px}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7}.badge.warning-badge{background:#fff5e3;color:#a78338}.badge.danger-badge{background:#fff0e8;color:#b77554}.badge.neutral-badge{background:#e9edf4;color:#728098}.document-link{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:0}.document-link:hover strong{color:var(--primary)}.table-icon{display:grid;place-items:center;width:35px;height:37px;border:1px solid #dae1ed;border-radius:10px;background:#f0f3f9;color:#8b9bb7;flex-shrink:0}.table-icon app-icon{width:17px;height:17px}.empty-cell{color:#7887a1;font-size:12px}.empty-cell>app-icon{display:flex;width:32px;height:32px;margin:0 auto 14px;color:#9eacc5}.empty-cell>strong{display:block;font-size:13px;margin-bottom:8px;color:#53678a}.empty-cell>span{display:block}.search-input{border-radius:11px;gap:10px;border-color:#d1d9e7}.search-input:focus-within{border-color:#94a3be;box-shadow:0 0 0 4px #98add212}.search-input>app-icon{width:18px;height:18px;color:#8898b4}.search-input input{font-size:13px;height:46px}.search-input .scan-icon{width:22px;height:22px}.table-toolbar{padding:21px 24px}.table-toolbar>select{width:205px;font-size:12px}.pagination .button{min-height:36px;font-size:11px}.alert{border-radius:11px;animation:arrive .2s ease both}.alert>app-icon{width:19px;height:19px}.alert>button{display:flex;padding:5px;border-radius:7px}.alert>button app-icon{width:16px;height:16px}.footnote{font-size:11px;color:#6d7e9b}.page-footer{font-size:10px;color:#7b8ba6}.page-footer>span:first-child{font-size:17px}.page-footer>span:first-child>span{font-size:10px;color:#7a8aa6}.dashboard-grid{grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:23px}.chart-panel{min-height:355px}.chart-panel .panel-heading{padding-bottom:14px}.chart-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 24px 18px}.chart-summary>strong{font-size:24px;letter-spacing:-.8px;color:#1d4ed8;font-weight:600}.chart-legends{display:flex;gap:14px;align-items:center}.legend{font-size:10px;color:#6c7e9d}.legend i{width:7px;height:7px;background:#2563eb}.legend.collected i{background:#93c5fd}.chart{display:flex;height:181px;gap:17px;margin:10px 24px 0;padding:0 0 24px}.chart-axis{min-width:36px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#8090ad;text-align:right}.chart-bars{flex:1;min-width:0;height:100%;gap:8px;background:repeating-linear-gradient(to top,transparent,transparent 74px,#dfe5ef 74px,#dfe5ef 75px);border-color:#dae2ef}.bar-group{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;width:100%;max-width:44px}.bar,.chart-column:nth-last-child(1) .bar{width:45%;background:linear-gradient(0deg,#2563eb,#3b82f6);border-radius:5px 5px 1px 1px;transition:height .4s ease}.bar.collected,.chart-column:nth-last-child(1) .bar.collected{background:linear-gradient(0deg,#93c5fd,#bfdbfe)}.chart-column small{font-size:9px;color:#7a8ba7}.chart-caption{margin:12px 24px 19px;font-size:9px;color:#7d8fad}.chart-empty{min-height:190px;height:auto;padding:10px 24px 23px;text-align:center}.chart-empty strong{font-size:13px;color:#566b8f}.chart-empty p{font-size:11px;color:#7488ab}.chart-empty .text-button{font-size:11px;margin-top:10px}.stock-alert-panel{display:flex;flex-direction:column;padding:0}.round-icon{width:35px;height:35px;border-radius:11px;background:#f7f2e7;color:#b8a57a}.round-icon app-icon{width:18px;height:18px}.alert-count{display:flex;align-items:center;gap:12px;padding:0 24px 18px}.alert-count>strong{font-size:40px;font-weight:550;letter-spacing:-2px;color:#4a5b7a}.alert-count>div{letter-spacing:0}.alert-count>div>span{font-size:12px;color:#586c8f}.alert-count small{display:block;font-size:10px;color:#8494af;margin-top:5px}.stock-alert-row{align-items:center;justify-content:flex-start;gap:9px;padding:13px 24px}.stock-alert-avatar{display:grid;place-items:center;width:31px;height:33px;border:1px solid #dbe2ee;border-radius:8px;color:#92a2be;flex-shrink:0}.stock-alert-avatar app-icon{width:16px;height:16px}.stock-alert-name{min-width:0;flex:1}.stock-alert-name strong{display:block;font-size:11px;color:#54698d;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-alert-name small{display:block;font-size:9px;color:#8a9bb8;margin-top:5px}.stock-alert-row b{font-weight:500;font-size:9px}.stock-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;margin-top:auto;padding:15px 24px;border:0;border-top:1px solid #dae2ef;background:#f6f8fc;color:#53678a;font-size:12px;font-weight:550}.stock-link:hover{background:#e6ecf7}.stock-link app-icon{width:16px;height:16px}.stock-healthy{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:7px 20px 25px}.stock-healthy>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e5ecf7;color:#8193b3;margin-bottom:12px}.stock-healthy strong{color:#596f95;font-size:13px;font-weight:550}.stock-healthy p{color:#7d90b1;font-size:11px;margin-top:7px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.quick-actions>button{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #d5dce9;border-radius:14px;background:#fff;text-align:left;min-width:0}.quick-actions>button:hover:not(:disabled){border-color:#a8b8d5;transform:translateY(-2px);box-shadow:0 6px 14px #1c2c4808}.quick-action-icon{width:40px;height:42px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.quick-actions>button>span:nth-child(2){flex:1;min-width:0}.quick-actions strong{display:block;font-size:12px;font-weight:600;color:#445572}.quick-actions small{display:block;font-size:10px;line-height:1.6;color:#7789a9;margin-top:6px}.quick-actions>button>app-icon{width:16px;height:16px;color:#889ab8}.pos-layout{grid-template-columns:minmax(0,1fr) 350px;gap:24px}.tabs button{min-height:38px;border-color:#d3dbe9;background:#fff;font-size:11px;border-radius:9px}.tabs button.active{background:#dee5f2;border-color:#b7c6df;color:#495b7a}.product-grid{gap:16px}.product-card{padding:13px;border-radius:15px;border-color:#d6dde9}.product-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 9px 20px #333f5414;border-color:#99a8c2}.product-card:active:not(:disabled){transform:scale(.985)}[data-tone=mint]{--tone-bg: #e7ecf5;--tone-ink: #8899b7}[data-tone=lavender]{--tone-bg: #f0eef8;--tone-ink: #b2a6ce}[data-tone=sand]{--tone-bg: #f8f3e6;--tone-ink: #c5b183}[data-tone=sky]{--tone-bg: #ecf3f8;--tone-ink: #a3bcce}[data-tone=peach]{--tone-bg: #fbf0e7;--tone-ink: #cfae90}.product-visual{height:113px;border-radius:10px;background:var(--tone-bg);color:var(--tone-ink);overflow:hidden}.product-visual:before{content:"";position:absolute;width:115px;height:115px;border:1px solid #ffffff60;border-radius:50%;right:-34px;bottom:-35px;box-shadow:0 0 0 22px #ffffff14}.product-visual>app-icon{width:42px;height:42px;transform:translateY(-3px)}.product-monogram{position:absolute;left:11px;bottom:10px;font-family:inherit;font-size:9px;letter-spacing:1px}.product-visual>i{width:25px;height:25px;border:1px solid #ffffffb0;border-radius:8px;background:#ffffffbd;top:9px;right:9px}.product-visual>i app-icon{width:14px;height:14px}.product-card>small{font-size:9px;margin-top:14px;color:#7688a7}.product-card>strong{font-size:13px;color:#445471;margin:7px 0 14px}.product-card b{font-size:13px;color:#3c4b64;font-weight:650}.stock-count{font-size:9px;color:#60779f}.mini-product{width:38px;height:40px;border-radius:10px;background:var(--tone-bg);color:var(--tone-ink)}.mini-product app-icon{width:20px;height:20px}.empty-state>app-icon{width:34px;height:34px;margin-bottom:16px;color:#90a1bd}.cart{top:105px;scroll-margin-top:96px;box-shadow:0 6px 25px #182a4a10}.cart-title{display:flex;align-items:center;gap:10px}.cart-title-icon{width:35px;height:37px;border-radius:11px;display:grid;place-items:center;color:#798daf;background:#e2e9f5;border:1px solid #cdd9ed}.cart-title-icon app-icon{width:17px;height:17px}.cart-title h2{font-size:15px}.cart-title p{font-size:10px}.cart .panel-heading>.soft-chip{font-size:10px;padding:5px 7px}.cart-line-head strong{color:#4a5c7c;font-size:12px}.cart-line-head .icon-button{width:30px;min-width:30px;height:30px}.cart-line-head .icon-button app-icon{width:14px;height:14px}.cart-line-bottom{color:#4f6284;font-size:12px}.empty-cart{min-height:200px}.empty-cart>span{display:grid;place-items:center;width:54px;height:56px;border-radius:18px;background:#ebf0f8;border:1px dashed #c3cfe5;color:#99a8c2;margin-bottom:17px;transform:rotate(-6deg)}.empty-cart>span app-icon{width:25px;height:25px}.empty-cart strong{color:#60779f;font-size:13px}.empty-cart p{font-size:11px;color:#7c8fb0}.cart-checkout{background:#f9fafd}.cart-checkout>label{color:#54698c;font-size:12px}.cart-checkout input,.cart-checkout select{height:41px;font-size:12px}.cart-total{padding:17px 0;border-top:1px dashed #c6d1e3;border-bottom:1px dashed #c6d1e3;color:#5b7198;font-size:12px}.cart-total strong{font-size:27px;color:#1d4ed8}.cart-caption{font-size:10px;color:#7689aa}.report-filters{padding:24px}.report-filters>label{font-size:12px}.report-filters input,.report-filters select{font-size:13px}.summary-strip strong{font-size:19px;color:#4e6182}.summary-strip small{font-size:11px;color:#7788a6}.branch-card{padding:23px;border-radius:13px;background:linear-gradient(145deg,#fbfcfe,#f2f5fb)}.branch-card>span{display:grid;place-items:center;width:41px;height:43px;border-radius:12px;color:#7c90b1;background:#e1e8f5}.branch-card>span app-icon{width:22px;height:22px}.branch-card h3{font-size:15px;color:#566b8f}.branch-card p{font-size:12px;color:#7588a9}.sync-icon{border-radius:17px;width:59px;height:59px}.sync-icon app-icon{width:27px;height:27px}.sync-overview h2{color:#4c5f7f}.sync-overview p{color:#7488ab;font-size:12px}.overlay{background:#0d17285c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .16s ease both}.dialog{border-radius:21px;box-shadow:0 30px 100px #09112038;animation:dialog-in .25s ease both}.dialog-header{background:linear-gradient(130deg,#fbfcfe,#eff3fa);padding:26px 30px}.dialog-header h2{font-size:23px;color:#394760;letter-spacing:-.7px}.dialog-header .icon-button{background:#fff;border:1px solid #d4ddec}.dialog-body{padding:26px 30px}.dialog-actions{padding:21px 30px;background:#f7f9fd}.form-grid label{font-size:12px}.form-grid input,.form-grid select{font-size:13px}.form-line>label{font-size:11px}.form-line input,.form-line select{height:42px;font-size:12px}.document-meta{color:#60769d;font-size:12px}.document-total strong{font-size:29px;color:#485a79}.linked-document strong{font-size:12px;color:#556a8e}.linked-document small{font-size:11px;color:#8395b4}.info-box{border-radius:10px;color:#5f759b}.document-number{font-size:11px}.palette-overlay{align-items:flex-start;padding-top:min(17vh,150px);z-index:120}.command-palette{width:550px;max-width:100%;border-radius:18px;background:#fff;box-shadow:0 30px 90px #07101f3d;overflow:hidden;animation:dialog-in .2s ease both}.palette-input{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #d7dfed}.palette-input>app-icon{color:#6f84a9;width:21px;height:21px}.palette-input input{border:0;outline:none;box-shadow:none;font-size:14px;padding:0;height:35px}.key-button{border:1px solid #d5ddeb;background:#f0f4fa;border-radius:6px;padding:5px 7px;color:#6f82a3;font-size:10px}.palette-caption{padding:19px 22px 9px;font-size:9px;letter-spacing:1.5px;color:#7486a4}.palette-results{padding:0 12px 12px;max-height:min(410px,50dvh);overflow:auto;scrollbar-width:thin}.palette-results>button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#495b7a;font-size:13px;text-align:left}.palette-results>button:hover,.palette-results>button:focus{background:#e8eef8}.palette-item-icon{display:grid;place-items:center;width:32px;height:34px;border-radius:8px;background:#eef2f9;color:#8698b6}.palette-item-icon app-icon{width:17px;height:17px}.palette-results>button>app-icon{margin-left:auto;width:15px;height:15px;color:#899ab8}.command-palette footer{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid #dce3ef;color:#7387a9;font-size:10px;background:#f6f8fc}.command-palette kbd{display:inline-block;border:1px solid #d6deec;border-radius:4px;padding:1px 4px;margin-right:5px;background:#fff;font-family:inherit}.palette-empty{display:flex;align-items:center;flex-direction:column;padding:30px 20px;gap:12px;color:#6b7fa2;font-size:12px}.palette-empty>app-icon{width:30px;height:30px;color:#9fadc5}.palette-empty strong{color:#54698c}.skeleton{background:linear-gradient(100deg,#e6ebf4 20%,#f5f8fc,#e6ebf4 70%);background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton.icon{width:36px;height:36px;border-radius:10px;margin-bottom:23px}.skeleton.label{height:12px;width:70%;margin-bottom:16px}.skeleton.value{height:28px;width:85%;margin-bottom:12px}.loading-line{display:flex!important;align-items:center;justify-content:center;gap:10px}.spinning{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-80% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}@media screen and (max-width:1400px){.content,.topbar{padding-left:26px;padding-right:26px}.header-search>span,.header-search kbd,.user-copy{display:none}.header-search{padding:8px}.topbar-actions{gap:13px}.metric{padding:19px}.metric-top{margin-bottom:19px}.metric-period{font-size:9px}.metrics{gap:14px}.dashboard-grid{gap:20px;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.quick-actions>button{gap:10px;padding:15px}.quick-actions>button>app-icon{display:none}.quick-actions small{font-size:9px}.pos-layout{grid-template-columns:minmax(0,1fr) 325px;gap:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:1150px){.app-shell{--sidebar-width: 228px}.compact-sidebar{--sidebar-width: 84px}.sidebar{padding-left:13px;padding-right:13px}.sidebar nav>button{font-size:11px}.breadcrumb-home,.breadcrumb-chevron{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:27px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:17px}.panel-heading{padding-left:20px;padding-right:20px}.panel-heading h2{font-size:14px}.stock-alert-panel .round-icon,.stock-alert-avatar{display:none}.stock-alert-row,.alert-count{padding-left:20px;padding-right:20px}.chart-summary>strong{font-size:21px}.chart-legends{gap:8px}.legend{font-size:9px}.quick-actions{gap:11px}.quick-actions>button{flex-direction:column;align-items:flex-start}.quick-actions strong{font-size:11px}.pos-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cart{position:static}.cart-checkout{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.cart-total{margin:0 0 17px}.cart-caption{grid-column:1 / -1}.auth-story{padding:38px}.auth-story h1{font-size:45px;letter-spacing:-2px}.auth-form-panel{padding:38px}.auth-illustration{padding:20px}.illustration-live{display:none}.shop{width:76px;height:84px}.auth-benefits{gap:14px}}@media screen and (min-width:761px)and (max-width:900px){.app-shell{--sidebar-width: 84px}.sidebar{padding-left:13px;padding-right:13px}.sidebar .brand-word,.sidebar .workspace-card,.sidebar .nav-label,.sidebar .sidebar-status-copy,.desktop-toggle{display:none}.sidebar-brand-row{justify-content:center;padding:0;margin-bottom:27px}.sidebar .brand-mark{margin:0}.sidebar nav>button{justify-content:center;padding:0;height:42px;position:relative}.sidebar .nav-section{font-size:0;height:1px;background:#a2b1cc11;margin:16px 7px;padding:0}.sidebar .nav-section:first-child{display:none}.sidebar .count-badge{position:absolute;top:2px;right:1px;min-width:15px;height:15px;font-size:8px}.sidebar-bottom{justify-content:center;padding:10px 0}}@media screen and (max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-form-panel{min-height:100dvh;padding:38px 27px;background:radial-gradient(ellipse at 100% 0%,#e5ebf5,transparent 55%),#fbfcfd}.mobile-brand{display:flex;align-items:center;margin-bottom:49px;font-size:34px}.auth-form-wrap h2{font-size:31px}.auth-form input,.auth-form select{font-size:16px;height:49px}.app-shell,.compact-sidebar{--sidebar-width: 0px}.sidebar,.compact-sidebar .sidebar{width:280px;max-width:calc(100vw - 52px);padding:25px 16px 18px;visibility:hidden;z-index:80}.sidebar.open{visibility:visible}.sidebar-scrim{z-index:70;background:#10172366;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sidebar-brand-row,.compact-sidebar .sidebar-brand-row{justify-content:space-between;padding:0 9px;margin-bottom:25px}.compact-sidebar .brand-mark{margin-right:10px}.compact-sidebar .brand-word,.compact-sidebar .nav-label,.compact-sidebar .sidebar-status-copy{display:block}.compact-sidebar .workspace-card{display:flex}.sidebar nav>button,.compact-sidebar .sidebar nav>button{justify-content:flex-start;height:44px;padding:0 12px;font-size:12px}.sidebar .nav-section,.compact-sidebar .nav-section{font-size:9px;height:auto;background:none;padding:0 12px;margin:21px 0 10px}.sidebar .nav-section:first-child,.compact-sidebar .nav-section:first-child{display:block;margin-top:0}.compact-sidebar .count-badge{position:static;height:19px;font-size:9px}.compact-sidebar .sidebar-bottom{padding:13px 11px;justify-content:flex-start}.close-menu{display:inline-flex;color:#96a5c0}.close-menu:hover{background:#acc1e612;color:#c9d7ef}.main-shell{width:100%;margin-left:0}.topbar{height:70px;padding:0 17px;gap:10px}.breadcrumb{gap:0}.breadcrumb>strong,.breadcrumb-home,.breadcrumb-chevron,.desktop-toggle{display:none}.menu-toggle{display:inline-flex;min-width:36px}.topbar-actions{gap:9px;flex:1;justify-content:flex-end}.header-search{order:1;width:34px;height:36px;padding:8px;justify-content:center}.branch-picker{padding:0;margin-right:auto;gap:6px}.branch-picker>app-icon{display:none}.branch-picker-label{font-size:9px}.branch-picker select{max-width:150px;font-size:11px}.topbar .refresh,.header-divider,.user-copy{display:none}.user-profile{order:2}.user-avatar{width:32px;height:32px;font-size:10px}.logout-button{order:3;width:30px;min-width:30px}.content{padding:25px 18px 90px;min-height:calc(100dvh - 70px)}.page-heading{flex-wrap:wrap;gap:14px;margin-bottom:23px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px;line-height:1.8}.page-heading .eyebrow{font-size:9px}.page-heading>.button{min-height:42px;font-size:12px;padding:10px 14px}.period-strip{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:20px}.period-context{font-size:10px;gap:7px;flex-wrap:wrap}.segmented{width:100%}.segmented button{flex:1;min-height:36px;font-size:11px}.metrics{gap:12px;margin-bottom:19px}.metric{padding:17px;border-radius:15px}.metric-top{margin-bottom:19px}.metric-icon{width:32px;height:32px;border-radius:10px}.metric-period{font-size:8px}.metric-label{font-size:11px;line-height:1.6}.metric>strong{font-size:clamp(22px,5.5vw,29px);margin:8px 0 13px}.metric>small{font-size:9px;align-items:flex-start}.metric>small .tiny-dot{margin-top:5px}.dashboard-grid{grid-template-columns:1fr;gap:19px;margin-bottom:20px}.panel{border-radius:15px}.panel-heading{padding:20px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.panel-heading>.text-button{font-size:11px}.chart-panel{min-height:335px}.chart-summary{margin-left:20px;margin-right:20px}.chart-summary>strong{font-size:23px}.chart{margin-left:17px;margin-right:20px;gap:11px;height:172px}.chart-axis{min-width:28px;font-size:8px}.chart-bars{gap:5px}.chart-column small{font-size:8px}.chart-caption{margin-left:20px;font-size:9px}.stock-alert-panel{display:flex}.stock-alert-panel .round-icon,.stock-alert-avatar{display:grid}.stock-alert-row{padding:13px 20px}.stock-alert-name strong{font-size:12px}.stock-healthy p{font-size:11px}.quick-actions{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.quick-actions>button{flex-direction:row;align-items:center;padding:15px 17px;gap:13px}.quick-actions strong{font-size:12px}.quick-actions small{font-size:10px}.quick-actions>button>app-icon{display:inline-flex}th{font-size:11px;padding:13px 18px}td{font-size:12px;padding:16px 18px}.table-toolbar{padding:17px}.search-input input{font-size:16px;height:46px}.pagination .button{min-height:42px}.alert{font-size:12px;align-items:flex-start}.alert>app-icon{margin-top:3px;width:17px;height:17px}.page-footer{padding:27px 0 7px}.page-footer>span:last-child{display:none}.page-footer>span:first-child{font-size:16px}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;inset:auto 0 0;padding:8px 13px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d1d9e8;background:#ffffffed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:45;box-shadow:0 -5px 25px #28324405}.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:64px;min-height:47px;padding:6px 13px;border:0;border-radius:11px;background:transparent;color:#6b7fa1;font-size:10px}.mobile-nav>button app-icon{width:20px;height:20px}.mobile-nav>button.active{background:#e1e9f6;color:#4b5d7c;font-weight:600}.content:has(.pos-layout){padding-bottom:165px}.pos-layout{grid-template-columns:1fr;gap:24px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{padding:11px;border-radius:13px}.product-visual{height:106px}.product-card>strong,.product-card b{font-size:13px}.tabs button{min-height:39px;font-size:11px}.cart{scroll-margin-top:85px}.cart-checkout{display:flex;flex-direction:column;padding:21px}.cart-title h2{font-size:15px}.cart-title p{font-size:10px}.cart-total{margin:4px 0 22px;padding:17px 0}.cart-total strong{font-size:28px}.cart-checkout>label{font-size:12px}.cart-checkout input,.cart-checkout select{font-size:16px;min-height:45px}.cart-checkout .checkbox input{min-height:17px;height:17px}.cart-checkout .button{min-height:48px;font-size:13px}.cart-line-head strong{font-size:13px}.cart-line-head .icon-button{min-width:38px;height:38px}.quantity-input input{height:40px;font-size:16px;width:80px}.cart-lines{max-height:none}.mobile-cart-bar{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));left:18px;right:18px;display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #1d4ed8;border-radius:13px;padding:10px 14px;z-index:40;color:#e1eaf9;background:#2563eb;box-shadow:0 7px 20px #15233c29;animation:arrive .25s ease}.mobile-cart-quantity{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border-radius:8px;background:#abc3ed17;font-size:10px}.mobile-cart-quantity app-icon{width:16px;height:16px}.mobile-cart-bar strong{font-size:11px;font-weight:550;margin-right:auto}.mobile-cart-bar>span:nth-last-child(2){font-size:12px;font-weight:600}.mobile-cart-bar>app-icon{width:16px;height:16px}.report-filters{padding:19px}.summary-strip strong{font-size:18px}.branch-grid{grid-template-columns:1fr 1fr}.sync-overview h2{font-size:17px}.overlay{padding:13px}.dialog{max-height:calc(100dvh - 26px);border-radius:17px}.dialog-header,.dialog-body{padding:22px}.dialog-header h2{font-size:22px}.dialog-actions{padding:19px 22px}.dialog-actions .button{min-height:44px;font-size:12px}.form-grid input,.form-grid select,.form-line input,.form-line select{font-size:16px}.form-line input,.form-line select{height:44px}.document-total strong{font-size:25px}.document-number{font-size:10px}.palette-overlay{padding-top:90px}.palette-input{padding:16px;gap:9px}.palette-input input{font-size:16px}.palette-results{max-height:52dvh}.palette-results>button{min-height:50px}.command-palette footer{padding:13px 16px}.command-palette footer>span:last-child{display:none}}@media screen and (max-width:430px){.topbar{padding-left:14px;padding-right:14px}.branch-picker select{max-width:136px;font-size:10px}.topbar-actions{gap:7px}.header-search{width:32px;padding:7px}.logout-button{min-width:28px;width:28px}.user-avatar{width:29px;height:29px;font-size:9px}.metric{padding:16px}.metric-period{display:none}.metric>strong{font-size:22px}.metric>small{font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:110px}.branch-grid{grid-template-columns:1fr}.dialog-header,.dialog-body{padding:20px}.dialog-actions{padding:17px 20px;gap:8px}.dialog-actions .button{padding:11px 14px}.chart-summary>strong{font-size:22px}.chart-legends{gap:9px}.legend{font-size:9px}.footnote{font-size:11px}}@media screen{.page-heading p,.period-context,.segmented button,.metric:not(.featured)>small,.metric:not(.featured) .metric-period,.panel-heading p,th,td small,.footnote,.legend,.chart-axis,.chart-column small,.chart-caption,.chart-empty p,.alert-count small,.stock-alert-name small,.stock-healthy p,.quick-actions small,.product-card>small,.stock-count,.empty-cart p,.cart-caption,.summary-strip small,.branch-card p,.sync-overview p,.linked-document small,.palette-caption,.command-palette footer,.page-footer,.page-footer>span:first-child>span{color:#596b84}.metric-label,td,.cart-line-head strong,.cart-checkout>label,.cart-total,.document-meta,.info-box,.empty-cell,.mobile-nav>button{color:#334155}.badge{color:#3d4c65}.badge.warning-badge{color:#86601a}.badge.danger-badge{color:#9e5138}.badge.neutral-badge{color:#4b5970}.key-button{color:#4b576d}.palette-results>button{color:#3e4c65}.stock-healthy strong,.stock-link,.alert-count>div>span{color:#43536f}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.payment-editor{border:1px solid var(--border,#ddd);border-radius:12px;padding:14px;margin:12px 0;min-width:0}.payment-editor legend{font-weight:600;padding:0 5px}.payment-part{margin-bottom:12px}.payment-part label{min-width:0}.document-filters{margin-bottom:18px;flex-wrap:wrap}.reminder-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f0f2f6;padding:18px;border-radius:12px}.revision{padding:12px 0;border-bottom:1px solid #dfe2e8}.revision summary{cursor:pointer;font-weight:600}.dialog-actions,.form-line{flex-wrap:wrap}.form-line>label{min-width:110px}.form-line>label.checkbox{flex-basis:100%}@media(max-width:600px){.payment-part{grid-template-columns:1fr}.document-filters{display:grid;grid-template-columns:1fr 1fr}.document-filters>label:first-child{grid-column:1/-1}.dialog-actions .button{flex:1 1 auto}}.approval-shell{max-width:1240px;margin:0 auto;padding:28px 32px 70px}.approval-top{display:flex;align-items:center;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.approval-top>span{display:flex;align-items:center;gap:8px;flex:1;color:#596b84;font-size:13px}.approval-top .brand{color:var(--primary)}.approval-hero{margin:44px 0 30px}.approval-hero h1{margin-bottom:13px}.approval-hero p{color:#596b84}.approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.approval-card{padding:30px}.approval-card>h2{font-size:23px;margin:22px 0 14px}.approval-card>p{color:#475569;margin:16px 0}.approval-symbol{display:grid;place-items:center;background:#e4eaf4;color:#445471;width:56px;height:56px;border-radius:17px;margin-bottom:24px}.approval-symbol app-icon{width:27px;height:27px}.approval-facts{margin:25px 0}.approval-facts div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.approval-facts dt{color:#596b84}.approval-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.approval-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.approval-form{display:grid;gap:20px;margin:24px 0}.approval-form textarea,.dialog textarea,.auth-form textarea{height:auto;padding:12px;resize:vertical;min-height:90px;line-height:1.5}.approval-history{list-style:none;padding:0;margin-top:18px}.approval-history li{border-left:2px solid #cfd7e5;padding:0 0 25px 20px}.approval-history strong{font-size:13px}.approval-history small{display:block;margin-top:6px;color:#596b84}.approval-history p{font-size:12px;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.approval-note,.approval-card .info-box p{white-space:pre-wrap;overflow-wrap:anywhere}.platform-login{max-width:500px;margin:55px auto}.platform-login h1{font-size:30px}.platform-dossier{margin-top:28px}.platform-dossier .page-heading{align-items:center}.platform-dossier h2{font-size:25px}.platform-dossier h3{margin-bottom:14px}.platform-entry{margin-top:20px;font-size:11px;text-align:center;color:#596b84}.badge[data-status=PENDING]{background:#fff4da;color:#795c1a}.badge[data-status=REJECTED],.badge[data-status=SUSPENDED]{background:#ffe9e3;color:#924c38}.badge[data-status=ACTIVE]{background:#e3eaf5;color:#38465d}@media(max-width:760px){.approval-shell{padding:20px 18px 40px}.approval-top{flex-wrap:wrap;gap:16px}.approval-top>span{flex-basis:55%;font-size:11px}.approval-top .brand{font-size:26px}.approval-top .button{min-height:42px}.approval-hero{margin:30px 0 24px}.approval-grid{grid-template-columns:1fr;gap:18px}.approval-card{padding:23px}.approval-form input,.approval-form textarea{font-size:16px}.approval-actions{flex-direction:column}.platform-login{margin-top:30px}.platform-dossier .page-heading{align-items:flex-start}.platform-shell .pagination{flex-wrap:wrap}}.billing-space{margin-top:34px;min-width:0}.billing-space .page-heading h2{font-size:28px}.billing-space .page-heading p{margin-top:9px;color:#596b84}.billing-summary{padding:25px;border-radius:18px;background:#2563eb;color:#fff;display:flex;flex-wrap:wrap;gap:26px 45px}.billing-summary .eyebrow{color:#eff6ff}.billing-summary strong{font-size:20px;display:block}.billing-summary small{display:block;margin-top:8px;color:#eff6ff}.billing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.billing-plan{padding:25px;display:flex;flex-direction:column;gap:16px}.billing-plan p{white-space:pre-wrap;color:#596b84}.billing-plan small{color:#596b84}.billing-plan .button{margin-top:auto;white-space:normal}.billing-price{font-size:27px}.billing-price small{font-size:12px}.billing-dialog{max-width:900px}.billing-invoice header,.billing-invoice-meta{display:flex;gap:35px;justify-content:space-between;margin-bottom:30px}.billing-invoice header{border-bottom:2px solid #2563eb;padding-bottom:24px}.billing-invoice p{font-size:12px;margin-top:8px}.billing-pre{white-space:pre-wrap;overflow-wrap:anywhere}.billing-invoice table{min-width:0;width:100%}.billing-invoice td,.billing-invoice th{white-space:normal;overflow-wrap:anywhere}.billing-invoice footer{border-top:1px solid var(--line);padding-top:20px}.badge[data-status=PAID]{background:#e3eaf5;color:#38465d}.badge[data-status=OPEN]{background:#fff4da;color:#795c1a}@media(max-width:760px){.billing-summary{gap:22px;flex-direction:column}.billing-plans{grid-template-columns:1fr}.billing-invoice header,.billing-invoice-meta{flex-direction:column;gap:20px}.billing-dialog .dialog-header{flex-wrap:wrap}.billing-space .page-heading h2{font-size:23px}}@media print{body:has(.billing-invoice){overflow:visible!important}body:has(.billing-invoice) app-root>*{display:block!important}body:has(.billing-invoice) app-root :not(:has(.billing-invoice)):not(.billing-invoice):not(.billing-invoice *){display:none!important}body:has(.billing-invoice) .billing-no-print{display:none!important}body:has(.billing-invoice) app-root :has(.billing-invoice){position:static!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.billing-invoice{color:#111;padding:5mm}.billing-invoice header,.billing-invoice-meta{display:flex;flex-direction:row}.billing-invoice .table-wrap{overflow:visible}.billing-invoice tr{break-inside:avoid}}