:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#15283e;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#172b43;--muted:#8190a2;--blue:#175fd7;--blue-dark:#0c448d;--bg:#f5f8fc;--line:#e7edf3;--white:#fff;--sidebar:#0f2440}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}input:focus,select:focus,button:focus-visible{outline:3px solid #a7c9ff;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{letter-spacing:-.018em}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}p{line-height:1.55}small{font-size:12px}button{border:0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#334761}label input,label select{width:100%;border:1px solid #dbe4ee;border-radius:10px;padding:12px 13px;background:#fff;color:#183047;min-height:44px;transition:border-color .15s}label input:focus,label select:focus{border-color:#3e84db;outline:3px solid #cce3ff}label input::placeholder{color:#a1afbf}input[type=number]{font-variant-numeric:tabular-nums}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;position:sticky;top:0;height:100vh;z-index:20;overflow:hidden}.brand{height:95px;display:flex;align-items:center;gap:12px;padding:24px 22px;border-bottom:1px solid #233650;flex:0 0 auto}.brand-mark,.brand-logo{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#2369df;color:#fff;box-shadow:0 5px 14px #04346f55}.brand strong{display:block;font:800 18px Manrope,sans-serif;line-height:1.2}.brand strong span{color:#80b5ff}.brand small{display:block;color:#859db8;font-size:9px;letter-spacing:.15em;font-weight:800;margin-top:5px}.sidebar-company{display:flex;align-items:center;gap:10px;margin:22px 15px 24px;padding:13px 10px;background:#203754;border:1px solid #304864;border-radius:12px;min-width:0;flex:0 0 auto}.small-avatar{width:38px;height:38px;border-radius:10px;background:#334f72;display:grid;place-items:center;color:#bbd8ff;flex-shrink:0}.sidebar-company>div:nth-child(2){flex:1;min-width:0}.sidebar-company small{font-size:9px;letter-spacing:.11em;color:#90a7c3;display:block}.sidebar-company b{font-size:12px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:4px}.sidebar-company>svg{color:#a5bed8}.nav-label{font-size:10px;color:#8298b3;font-weight:800;letter-spacing:.14em;padding:0 25px 10px;flex:0 0 auto}.side-nav{padding:0 8px 10px 12px;display:flex;flex-direction:column;gap:5px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46617f transparent}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav::-webkit-scrollbar-thumb{background:#46617f;border-radius:999px}.nav-item{min-height:46px;display:flex;gap:13px;align-items:center;text-align:left;background:transparent;color:#b6c5d7;width:100%;border-radius:10px;padding:10px 13px;font-weight:600;position:relative;flex:0 0 auto}.nav-item:hover{background:#203856;color:#fff}.nav-item.active{background:#2767d3;color:#fff;box-shadow:0 5px 16px #030f2245}.nav-item i{margin-left:auto;font-size:8px;font-weight:800;color:#94c6ff;font-style:normal;letter-spacing:.06em}.nav-item.active i{color:#fff}.sidebar-bottom{margin-top:0;padding:12px 16px 14px;flex:0 0 auto;border-top:1px solid #233a57;background:linear-gradient(180deg,#0f2440,#0b2039);position:relative;z-index:2}.dev-side{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid #284665;background:#193550;border-radius:12px;color:#d7e8fc}.dev-side>svg{color:#91bbff;flex-shrink:0}.dev-side b{font-size:12px}.dev-side p{margin-top:3px;color:#9fb5cf;font-size:11px;line-height:1.5}.change-company{display:flex;align-items:center;gap:9px;width:100%;padding:12px 10px 0;background:none;color:#a9c0d9;font-size:12px}.change-company:hover{color:#fff}.content-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar-left{color:#8d9cae}.topbar-left strong{color:#273e55;font-weight:700;font-size:13px}.crumb-slash{color:#bfcad5}.topbar-right{gap:18px}.status-pill{border-radius:50px;background:#fff3e6;color:#a16116;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.online{background:#e8f8ef;color:#277952}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#d28e34;margin-right:7px}.online .status-dot{background:#27ae70}.top-date{color:#8393a3;font-size:12px}.avatar{width:35px;height:35px;border-radius:12px;background:#e9f0ff;color:#1d65bb;display:grid;place-items:center;font-weight:900}.mobile-toggle{display:none!important}.main-content{flex:1;padding:29px 33px 50px;width:100%;max-width:1570px;margin:0 auto}.dev-banner{display:flex;align-items:flex-start;gap:11px;padding:12px 16px;background:#fff8e7;border:1px solid #f3dfb3;border-radius:10px;color:#8a651f;font-size:12px;margin-bottom:27px}.dev-banner svg{flex-shrink:0}.dev-banner b{font-weight:900}.flash{margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#e7f9ee;color:#21613e;border:1px solid #b8e3ca;border-radius:10px}.flash-error{background:#fff0f0;color:#9e3030;border-color:#f5c0c0}.flash span{display:flex;align-items:flex-start;gap:9px;line-height:1.45;min-width:0}.flash .icon-button{color:inherit}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:#2371cf;font-weight:900;font-size:10px;letter-spacing:.16em;margin-bottom:8px}.section-head h2{font-size:25px;letter-spacing:-.06em;color:#152a43;line-height:1.3}.section-head p{margin-top:7px;font-size:13px;color:#8392a2}.section-action{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;line-height:1;min-height:43px;border-radius:10px;padding:12px 17px;white-space:nowrap;transition:background .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn-primary{background:#1b62d6;color:#fff;box-shadow:0 6px 14px #2369d42d}.btn-primary:hover:not(:disabled){background:#0c4fb7}.btn-secondary{background:#fff;color:#2b4f7d;border:1px solid #d7e4f0}.btn-secondary:hover:not(:disabled){background:#edf5ff}.btn-subtle{background:#eff3f8;color:#587088}.icon-button{padding:7px;background:transparent;color:#7e8fa5;display:grid;place-items:center;border-radius:8px}.icon-button:hover:not(:disabled){background:#eef2f7;color:#26496b}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{min-height:166px;background:#fff;border:1px solid #e7edf3;border-radius:14px;padding:20px 19px;box-shadow:0 5px 22px #293e5a06}.metric-top{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;color:#6f8297;font-size:12px;font-weight:700}.metric-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.tone-blue{background:#e8f0ff;color:#206be0}.tone-green{background:#e5f8ec;color:#179d65}.tone-purple{background:#f0eaff;color:#8051cd}.tone-orange{background:#fff1e3;color:#e38b25}.metric strong{display:block;margin-top:12px;color:#132b44;font:800 clamp(16px,1.8vw,24px) "Manrope",sans-serif;letter-spacing:-.05em;white-space:normal;overflow-wrap:anywhere}.metric small{display:block;color:#9aa7b5;margin-top:8px;font-size:11px}.two-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{background:#fff;border:1px solid #e5ecf3;border-radius:14px;box-shadow:0 5px 20px #2e405a06;min-width:0;overflow:hidden}.panel.padded{padding:23px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head h3,.table-toolbar h3{font-size:16px;letter-spacing:-.035em;color:#20364d}.panel-head p,.table-toolbar p{font-size:12px;color:#91a0b0;margin-top:6px}.two-columns .panel:not(.padded) .panel-head{padding:23px 23px 0}.panel-count{background:#f1f5fa;border:1px solid #e9eff6;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700;color:#71869c;white-space:nowrap}.actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 23px 23px}.action-tile{display:flex;flex-direction:column;text-align:left;gap:7px;min-height:170px;background:#f7f9fc;border:1px solid #edf1f6;border-radius:12px;padding:14px;color:#294463;position:relative}.action-tile:hover{border-color:#bad7fa;background:#f1f7ff}.action-highlight{background:#edf4ff;border-color:#dceaff}.action-icon{display:grid;place-items:center;width:37px;height:37px;background:#e2edfc;border-radius:10px;color:#2b69c2;margin-bottom:5px}.action-tile strong{font-size:12px}.action-tile small{font-size:11px;color:#8a9bab;line-height:1.35}.action-arrow{color:#98adc3;position:absolute;right:12px;bottom:12px}.small-list{padding:0 22px 17px}.small-list-row{display:flex;align-items:center;gap:12px;min-height:64px;border-bottom:1px solid #f0f3f7}.small-list-row:last-child{border-bottom:none}.small-list-row>div:nth-child(2){flex:1;min-width:0}.small-list-row b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.small-list-row small{color:#99a6b6;display:block;margin-top:4px}.small-list-row>strong{font-size:12px;color:#2b4058;white-space:nowrap}.item-icon{width:35px;height:35px;border-radius:9px;background:#f0f4fc;color:#668bbf;display:grid;place-items:center;flex-shrink:0}.stock-badge{display:inline-flex;padding:6px 10px;font-size:10px;font-weight:800;border-radius:8px;white-space:nowrap}.stock-badge.good{background:#e7f8ef;color:#218054}.stock-badge.warning{background:#fff3de;color:#a66c18}.stock-badge.danger{background:#fdeceb;color:#be4c4a}.inline-ok{margin:0 23px 25px;border:1px solid #d7f0e4;background:#f4fcf7;color:#448367;border-radius:10px;padding:26px;display:flex;align-items:center;gap:12px}.bottom-note{display:flex;align-items:center;gap:9px;margin:24px 3px;color:#8696a9;font-size:11px}.bottom-note svg{flex-shrink:0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #e1e8f0;background:#fafcfe;border-radius:10px;padding:0 12px;color:#8ea0b1;min-width:230px}.search-box input{border:0;background:transparent;width:100%;height:40px;outline:none;font-size:12px;color:#30455a}.search-box input:focus{outline:none}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:680px;text-align:left}.data-table th{background:#f9fbfd;color:#8b9aaa;padding:14px 23px;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.08em;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}.data-table td{padding:17px 23px;border-bottom:1px solid #edf1f5;color:#53677b;font-size:12px;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table td b,.data-table td strong{color:#273c53;font-weight:800}.data-table td small{display:block;color:#99a8b6;margin-top:5px}.empty{text-align:center;padding:50px 22px 55px;display:flex;flex-direction:column;align-items:center;gap:11px}.empty-icon{height:60px;width:60px;border-radius:16px;background:#ecf3fd;color:#4f85cd;display:grid;place-items:center}.empty h3{font-size:16px;color:#2a4259}.empty p{max-width:340px;font-size:12px;color:#91a0b2}.empty .btn{margin-top:12px}.product-form{padding:23px;margin-bottom:20px;background:#fff;border:1px solid #dee8f3;border-radius:13px;box-shadow:0 8px 22px #29456008}.form-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.form-head b,.form-head span{display:block}.form-head b{font-size:16px}.form-head span{font-size:11px;color:#8b9cab;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{display:flex;gap:12px;margin-top:23px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack .btn{align-self:flex-start}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:10px;border:1px solid #dbe9f8;background:#f0f6fd;color:#4f7198;font-size:12px;margin-top:19px}.notice svg{flex-shrink:0}.notice-error{border-color:#f4c9c9;background:#fff2f2;color:#9d3939}.stock-columns{grid-template-columns:1fr 1fr}.stock-columns .panel .panel-head{padding:0;margin-bottom:25px}.small-round{width:40px;height:40px;border-radius:10px;background:#edf4ff;color:#4381c7;display:grid;place-items:center}.stock-columns .small-list{padding:0}.stock-columns .panel.padded{min-height:320px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.pos-products{min-height:560px}.pos-products .table-toolbar{border-bottom:1px solid #edf1f6}.pos-product-list{padding:9px 16px}.pos-product-row{display:flex;align-items:center;gap:13px;padding:15px 5px;border-bottom:1px solid #f0f3f7}.pos-product-row:last-child{border:0}.pos-product-thumb{width:50px;height:50px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#f1f6fc,#e3eeff);color:#6a91c6;flex-shrink:0}.pos-product-info{flex:1;min-width:0}.pos-product-info b{display:block;color:#2a425a;font-size:13px}.pos-product-info small{display:block;margin-top:7px;color:#98a5b4}.pos-product-price{display:flex;align-items:center;gap:15px}.pos-product-price strong{white-space:nowrap;font-size:13px;color:#25456e}.add-cart-btn{height:35px;width:35px;background:#e9f1ff;color:#266bc6;display:grid;place-items:center;border-radius:9px}.add-cart-btn:hover:not(:disabled){background:#2466d2;color:#fff}.pos-cart{position:sticky;top:21px}.cart-heading{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #edf1f7}.cart-icon{height:40px;width:40px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#2d71c5}.cart-heading>div:nth-child(2){flex:1}.cart-heading h3{font-size:15px}.cart-heading small{display:block;color:#90a2b4;margin-top:5px}.cart-body{padding:8px 22px;max-height:360px;overflow:auto;min-height:160px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 6px;text-align:center;color:#bbc9d7;gap:10px;min-height:170px}.cart-empty b{color:#57748e;font-size:13px}.cart-empty p{font-size:12px;color:#a8b5c2;line-height:1.5;max-width:190px}.cart-line{padding:13px 0;border-bottom:1px solid #edf1f5}.cart-line-top,.cart-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.cart-line-top b{display:block;font-size:12px;color:#253f57}.cart-line-top small{color:#94a3b2;display:block;margin-top:5px}.cart-line-bottom{margin-top:11px}.cart-line-bottom strong{font-size:13px}.qty-picker{height:32px;display:flex;align-items:center;border:1px solid #e1e8f0;border-radius:8px;overflow:hidden}.qty-picker button{display:grid;place-items:center;width:28px;height:31px;background:#f5f8fc;color:#5480b3}.qty-picker input{width:54px;text-align:center;height:31px;border:0;color:#283e54;outline:none;font-weight:700;font-size:12px;appearance:textfield;-moz-appearance:textfield}.qty-picker input::-webkit-inner-spin-button,.qty-picker input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-bottom{padding:18px 22px 22px;background:#fbfcfe;border-top:1px solid #edf1f5}.cart-total-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.cart-total-label span{font-size:11px;font-weight:800;color:#6d8097}.cart-total-label strong{font:800 21px Manrope,sans-serif;color:#1b5eba;letter-spacing:-.05em}.select-label{margin-bottom:16px}.checkout-button{width:100%;font-size:13px;min-height:49px}.cart-disclaimer{color:#9cabb9;font-size:10px;line-height:1.5;text-align:center;margin-top:12px}.receipt-wrap{max-width:570px;margin:0 auto}.receipt-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.receipt-top h3{font-size:15px}.receipt-paper{max-width:395px;margin:0 auto;background:#fff;box-shadow:0 14px 50px #344a6414;border:1px solid #e9edf2;padding:35px 28px 30px;font-family:system-ui,Segoe UI,sans-serif;color:#22374c}.ticket-logo{font-size:30px;font-weight:900;letter-spacing:-.07em;text-align:center;color:#173b70}.ticket-logo span{color:#2475d8}.receipt-paper>h3{text-align:center;font-size:16px;margin-top:7px}.receipt-paper>small{display:block;text-align:center;font-size:9px;letter-spacing:.05em;color:#98a7b5;margin-top:5px}.ticket-line{border-bottom:1px dashed #b8c5d2;margin:22px 0}.ticket-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:10px 0}.ticket-meta span{color:#748498}.ticket-meta b{font-weight:700}.ticket-items{display:flex;flex-direction:column;gap:18px}.ticket-item{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:11px}.ticket-item b,.ticket-item span{display:block}.ticket-item span{color:#8a9cab;margin-top:5px}.ticket-item strong{white-space:nowrap}.ticket-total{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-total span{font-size:13px;font-weight:800}.ticket-total strong{font-size:22px;color:#0e3975}.ticket-footer{text-align:center;color:#91a0b0;line-height:1.7;font-size:10px;margin-top:30px}.report-panel{margin-top:21px;min-height:320px}.report-panel .panel-head>svg{color:#a5b7cb}.bar-list{display:flex;flex-direction:column;gap:21px;margin-top:24px}.bar-info{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px;color:#4d637a;font-size:12px}.bar-info strong{color:#263e55}.bar-track{height:11px;border-radius:20px;background:#eff4fa;overflow:hidden}.bar-track span{height:100%;display:block;background:linear-gradient(90deg,#5b9ced,#1e62cf);border-radius:20px}.footer{margin-top:auto;border-top:1px solid #e6edf4;min-height:55px;padding:17px 34px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;color:#94a5b6;font-size:11px}.footer span:last-child{display:flex;align-items:center;gap:7px}.setup-layout{min-height:100vh;display:grid;grid-template-columns:43% 57%;background:#f8fafd}.setup-side{background:radial-gradient(circle at 100% 0%,#214e86 0%,transparent 45%),linear-gradient(140deg,#0c2442,#091b33);color:#fff;padding:55px min(6vw,90px);display:flex;flex-direction:column}.setup-side-brand{display:flex;align-items:center;gap:13px;font-size:18px;font-family:Manrope,sans-serif}.setup-highlight{margin-top:clamp(60px,13vh,150px);font-weight:900;font-size:50px;color:#75b3ff}.setup-highlight span{display:block;font-size:11px;color:#82a4c8;letter-spacing:.22em;margin-top:10px}.setup-side h1{font:800 clamp(32px,4vw,51px)/1.2 "Manrope",sans-serif;letter-spacing:-.055em;margin-top:16px}.setup-side h1 em{font-style:normal;color:#82b7ff}.setup-side p{font-size:14px;color:#adc5df;line-height:1.8;margin-top:21px;max-width:390px}.setup-bullets{display:flex;flex-direction:column;gap:15px;margin-top:35px;color:#d8e9fa}.setup-bullets span{display:flex;align-items:center;gap:12px;font-size:13px}.setup-bullets svg{color:#6ff0b7}.setup-side-bottom{display:flex;align-items:center;gap:10px;color:#86a3c1;font-size:11px;margin-top:auto;padding-top:50px;line-height:1.5}.setup-main{display:grid;place-items:center;padding:40px 50px}.setup-card{width:100%;max-width:495px;background:#fff;border:1px solid #e6ecf4;border-radius:20px;box-shadow:0 15px 55px #1c375b09;padding:40px}.setup-overline{font-size:11px;color:#2c72cb;font-weight:900;letter-spacing:.12em;margin-bottom:15px}.setup-card h2{font-size:26px;line-height:1.3;color:#18314a;letter-spacing:-.05em}.setup-card>p{margin-top:10px;color:#8797a8;font-size:13px;line-height:1.7}.tab-selector{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#f3f6fb;border-radius:10px;margin:25px 0}.tab-selector button{background:transparent;padding:11px 9px;border-radius:8px;color:#75899e;font-size:11px;font-weight:800}.tab-selector button.active{background:#fff;box-shadow:0 2px 10px #2b3c4f12;color:#1b5bb1}.setup-card .form-stack{margin-top:19px}.setup-card .btn{margin-top:8px;width:100%}.setup-card .micro-note{font-size:11px;color:#a2afbc;margin-top:22px}.connection-tip{position:fixed;bottom:15px;right:15px;background:#ffe9e5;color:#9b332f;padding:12px 16px;border-radius:9px;border:1px solid #f9c6bd;z-index:30;font-size:12px}.mobile-overlay{display:none}@media(max-width:1350px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-tile{min-height:168px}.pos-layout{grid-template-columns:minmax(0,1fr) 335px}}@media(max-width:1100px){.sidebar{width:218px}.brand{padding:20px 14px}.brand strong{font-size:15px}.main-content{padding:24px}.topbar{padding:0 24px}.two-columns,.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.cart-body{max-height:none}.setup-side{padding:55px 40px}.setup-main{padding:30px}.setup-card{padding:31px}}@media(max-width:720px){.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);width:270px;transition:transform .2s}.sidebar.open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:#07142499;z-index:10}.mobile-toggle{display:grid!important}.topbar{height:65px;padding:0 15px}.topbar-left{gap:8px}.topbar-left .crumb,.topbar-left .crumb-slash{display:none}.topbar-right{gap:8px}.top-date{display:none}.main-content{padding:18px 15px 30px}.dev-banner{font-size:11px}.section-head{flex-wrap:wrap;gap:14px}.section-head h2{font-size:21px}.section-action{width:100%}.section-action>.btn{width:100%}.metric-grid{gap:10px}.metric{padding:14px 13px;min-height:148px}.metric strong{font-size:17px}.metric small{font-size:10px}.two-columns{gap:13px}.actions-grid{grid-template-columns:1fr;gap:9px}.action-tile{min-height:80px;padding:12px 13px 12px 63px;justify-content:center}.action-icon{position:absolute;top:21px;left:13px;margin:0}.action-arrow{top:calc(50% - 8px);bottom:auto}.table-toolbar{align-items:stretch;flex-direction:column;padding:17px}.search-box{min-width:0}.panel.padded{padding:17px}.form-grid{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.pos-product-row{gap:9px}.pos-product-thumb{width:40px;height:40px}.pos-product-price{gap:6px;flex-direction:column;align-items:flex-end}.pos-product-price strong{font-size:11px}.pos-product-info b{font-size:12px}.pos-product-info small{font-size:10px}.footer{padding:15px;flex-wrap:wrap}.setup-layout{grid-template-columns:1fr}.setup-side{padding:28px 25px 34px}.setup-side-brand{font-size:15px}.setup-highlight,.setup-bullets,.setup-side-bottom{display:none}.setup-side h1{font-size:26px;margin-top:22px}.setup-side p{font-size:12px;margin-top:8px;line-height:1.5}.setup-main{padding:24px 15px}.setup-card{padding:22px}.setup-card h2{font-size:21px}}@media(max-width:420px){.metric-grid{grid-template-columns:1fr 1fr}.metric-top span:first-child{max-width:90px}.metric strong{font-size:15px}.status-pill{font-size:10px;padding:7px}.avatar{display:none}.tab-selector button{font-size:10px}}@media print{@page{size:80mm auto;margin:5mm}html,body,#root{width:100%!important;background:#fff!important;margin:0!important}body *{visibility:hidden!important}.receipt-paper,.receipt-paper *{visibility:visible!important}.receipt-paper{position:absolute!important;top:0!important;left:0!important;width:70mm!important;max-width:none!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}.receipt-paper *{color:#111!important}.ticket-line{border-color:#777!important}}.owing{color:#b45619!important}.credit-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.credit-checkout{display:flex;flex-direction:column;gap:13px;margin:0 0 14px;padding:15px;background:#f3f7fd;border:1px solid #dce8f8;border-radius:11px}.credit-checkout label{font-size:11px;font-weight:700;color:#35536d;display:flex;flex-direction:column;gap:7px}.credit-checkout select,.credit-checkout input{width:100%;padding:10px;background:#fff;border:1px solid #dae4ee;border-radius:8px;color:#214362;font-size:13px}.credit-balance,.credit-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#617991;font-size:12px}.credit-balance strong,.credit-summary strong{color:#bf641e;font-size:16px}.field-hint{font-size:11px;color:#8194a9;line-height:1.65;margin:0}.credit-list{display:flex;flex-direction:column;gap:8px;margin-top:15px;max-height:470px;overflow:auto}.credit-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:13px;text-align:left;padding:14px;border:1px solid #e2e9f2;border-radius:10px;background:#fff;color:#244461}.credit-row.selected{background:#edf4ff;border-color:#347ce0}.credit-row span{display:flex;flex-direction:column;gap:5px;min-width:0}.credit-row b{font-size:12px}.credit-row strong{font-size:14px;color:#b45e1a;white-space:nowrap}.credit-row small{font-size:10px;color:#8799ab}.credit-summary{margin:8px 0;padding:15px;background:#fff5e9;border-radius:10px}@media(max-width:1100px){.credit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.credit-metrics{grid-template-columns:1fr}.credit-row{gap:8px;padding:11px}}.supplier-list{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto;margin-top:12px}.supplier-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;text-align:left;border:1px solid #dfe8f2;border-radius:10px;background:#fff;color:#264560;width:100%}.supplier-row.selected{border-color:#367de0;background:#edf4ff}.supplier-row span{display:flex;flex-direction:column;gap:5px;min-width:0}.supplier-row b{font-size:13px}.supplier-row small{font-size:11px;color:#8195a9}.supplier-row strong{font-size:11px;white-space:nowrap}.supplier-catalog{margin-top:18px}.supplier-form{margin:14px 0 22px;align-items:end}.supplier-form label{min-width:0}.supplier-submit{padding-bottom:1px}.loyalty-values{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}.loyalty-values strong{color:#20794d;font-size:14px}.loyalty-values small{font-size:10px}@media(max-width:720px){.supplier-form{grid-template-columns:1fr}.supplier-row{gap:8px}.loyalty-values strong{font-size:12px}}.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:-2px 0 20px;padding:24px 26px;border:1px solid #dbe8f7;border-radius:20px;background:radial-gradient(circle at 82% 10%,#b7d8ff66 0,transparent 27%),linear-gradient(135deg,#f9fcff,#edf5ff 58%,#f9fbff);box-shadow:0 12px 34px #244b7f0c}.dashboard-hero:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #77adf233;border-radius:50%;right:-45px;bottom:-100px;box-shadow:0 0 0 25px #84b8f51a,0 0 0 50px #84b8f50d}.dashboard-hero>div{position:relative;z-index:1}.dashboard-kicker{display:flex;align-items:center;gap:8px;color:#2f72c8;font-size:10px;font-weight:900;letter-spacing:.15em}.dashboard-hero h1{margin-top:7px;font-size:clamp(25px,3vw,36px);letter-spacing:-.055em;color:#132d4c}.dashboard-hero p{margin-top:7px;color:#6f8298;font-size:12px}.dashboard-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.live-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e1e8f0;background:#fff9;border-radius:999px;color:#75889d;font-size:10px;font-weight:900;white-space:nowrap}.live-chip i{width:8px;height:8px;border-radius:50%;background:#d68f3c;box-shadow:0 0 0 4px #d68f3c18}.live-chip.ok{color:#267553}.live-chip.ok i{background:#2ab673;box-shadow:0 0 0 4px #2ab67318}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics .metric{position:relative;overflow:hidden;min-height:186px;border-radius:17px}.dashboard-metrics .metric:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#5ca0ff,#2463d3)}.dashboard-metrics .metric-purple:before{background:linear-gradient(90deg,#a58aef,#7651cd)}.dashboard-metrics .metric-green:before{background:linear-gradient(90deg,#63d7a5,#179d65)}.dashboard-metrics .metric-orange:before{background:linear-gradient(90deg,#ffbd72,#df8120)}.metric-value-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.metric-badge{display:inline-flex;align-items:center;min-height:25px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:900;white-space:nowrap;background:#eef4fd;color:#3472bf}.metric-badge.tone-green{background:#eaf8f1;color:#20825a}.metric-badge.tone-orange{background:#fff3e5;color:#b76b1d}.metric-badge.tone-purple{background:#f2edff;color:#7650b9}.sparkline{display:block;width:100%;height:30px;margin:8px 0 -1px;overflow:visible}.sparkline polyline{fill:none;stroke:#2f75dc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spark-green polyline{stroke:#27a16d}.spark-orange polyline{stroke:#df8423}.spark-purple polyline{stroke:#7655c8}.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:19px;margin-bottom:19px}.dashboard-grid-secondary{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:19px;margin-bottom:19px}.dashboard-grid-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:19px}.dashboard-panel{padding:22px;border-radius:17px;box-shadow:0 8px 30px #213d6109}.dashboard-panel-head{margin-bottom:17px}.dashboard-panel-head>svg{color:#6c92bd}.panel-eyebrow{display:block;margin-bottom:6px;color:#4e80bd;font-size:9px;font-weight:900;letter-spacing:.15em}.trend-panel{min-height:350px}.trend-chart-wrap{padding:4px 3px 0}.trend-chart{display:block;width:100%;height:235px;overflow:visible}.chart-grid-line{stroke:#e9eff6;stroke-width:1;stroke-dasharray:4 5}.trend-area{fill:url(#none);fill:#dceaff88}.trend-line{fill:none;stroke:#246bd7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:#fff;stroke:#246bd7;stroke-width:3}.trend-axis{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;color:#8ca0b5;font-size:9px}.trend-axis strong{color:#31587f;text-align:center;font-size:10px}.trend-axis span:last-child{text-align:right}.donut-layout{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:15px;min-height:250px}.donut-shell{position:relative;width:165px;height:165px;margin:auto}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-base,.donut-segment{fill:none;stroke-width:13}.donut-base{stroke:#edf2f7}.donut-segment{stroke-linecap:round}.donut-blue{stroke:#276ed7}.donut-green{stroke:#25a16d}.donut-orange{stroke:#e28a28}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut-center strong{font:900 26px Manrope,sans-serif;color:#173757}.donut-center span{font-size:9px;color:#8ca0b5;text-transform:uppercase;letter-spacing:.12em}.donut-legend{display:flex;flex-direction:column;gap:12px}.donut-legend>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;color:#637b94;font-size:11px}.donut-legend strong{color:#1b3b5a}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-blue{background:#276ed7}.legend-green{background:#25a16d}.legend-orange{background:#e28a28}.hi-bars{display:flex;flex-direction:column;gap:16px}.hi-bar-row{min-width:0}.hi-bar-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px;color:#536d87}.hi-bar-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-bar-info strong{color:#24435f;white-space:nowrap}.hi-bar-track{height:8px;background:#edf3f8;border-radius:20px;overflow:hidden}.hi-bar-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#73b0ff,#266bd4)}.hi-bar-row small{display:block;margin-top:5px;color:#a0adba;font-size:9px}.stock-health-panel{text-align:left}.stock-health-ring{--healthy:0%;--low:0%;position:relative;width:150px;height:150px;margin:3px auto 19px;border-radius:50%;background:conic-gradient(#29a66f 0 var(--healthy),#e4a044 var(--healthy) calc(var(--healthy) + var(--low)),#df5c56 calc(var(--healthy) + var(--low)) 100%);box-shadow:inset 0 0 0 1px #fffa}.stock-health-ring:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%;box-shadow:0 2px 15px #24425e12}.stock-health-ring>div{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.stock-health-ring strong{font:900 28px Manrope,sans-serif;color:#173854}.stock-health-ring span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#91a1b1}.stock-health-legend{display:flex;flex-direction:column;gap:9px}.stock-health-legend span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#667d94;font-size:10px}.stock-health-legend i{width:8px;height:8px;border-radius:50%}.health-good{background:#29a66f}.health-low{background:#e4a044}.health-out{background:#df5c56}.stock-health-legend b{color:#1e3b55}.activity-feed{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f6}.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#2b72c9;background:#eaf3ff}.activity-icon.credit{color:#c27622;background:#fff3e4}.activity-icon.cancelled{color:#bd4d49;background:#fdeceb}.activity-row b{display:block;font-size:11px;color:#28445e}.activity-row small{display:block;margin-top:4px;color:#94a4b4;font-size:9px}.activity-amount{text-align:right}.activity-amount strong{display:block;color:#1c3b58;font-size:11px}.activity-amount span{display:inline-block;margin-top:4px;font-size:8px;font-weight:900;color:#8294a6}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.command-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:13px;border:1px solid #e7edf4;border-radius:12px;background:#f9fbfd;color:#284966;transition:.15s}.command-grid button:hover{background:#edf5ff;border-color:#c5ddfa;transform:translateY(-1px)}.command-grid button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8f1ff;color:#2a6bc4}.command-grid b{display:block;font-size:10px}.command-grid small{display:block;margin-top:3px;color:#8fa0b0;font-size:9px}.command-grid button>svg{color:#9caebe}.dashboard-alert-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px}.dashboard-alert-strip>div{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #e6edf4;border-radius:13px;background:#fff}.dashboard-alert-strip svg{color:#628bb8;flex-shrink:0}.dashboard-alert-strip span{display:block;min-width:0}.dashboard-alert-strip b{display:block;color:#294863;font-size:10px}.dashboard-alert-strip small{display:block;margin-top:3px;color:#92a1b0;font-size:9px;line-height:1.4}@media(max-width:1250px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-secondary{grid-template-columns:1fr 1fr}.dashboard-grid-secondary>section:first-child{grid-column:1/-1}.dashboard-grid-main,.dashboard-grid-bottom{grid-template-columns:1fr}.donut-layout{grid-template-columns:180px 1fr}}@media(max-width:760px){.dashboard-hero{align-items:flex-start;flex-direction:column;padding:18px}.dashboard-hero-actions{width:100%;flex-wrap:wrap}.dashboard-hero-actions .btn{flex:1}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-grid-secondary{grid-template-columns:1fr}.dashboard-grid-secondary>section:first-child{grid-column:auto}.dashboard-alert-strip,.donut-layout{grid-template-columns:1fr}.donut-legend{max-width:260px;width:100%;margin:0 auto}.command-grid{grid-template-columns:1fr}.trend-axis{grid-template-columns:1fr 1fr}.trend-axis strong{display:none}.metric-badge{font-size:8px}.dashboard-panel{padding:17px}}@media(max-width:440px){.dashboard-metrics{grid-template-columns:1fr}.metric-value-row{align-items:flex-start;flex-direction:column}.dashboard-hero-actions .live-chip{width:100%;justify-content:center}}.metric-spark-label{display:block;margin-top:1px;color:#9aa9b8;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.stock-health-ring.stock-health-zero{background:#edf2f7}.finance-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px;padding:24px 26px;border:1px solid #dce8f7;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#edf5ff 56%,#f8fbff);box-shadow:0 12px 34px #254c790b}.finance-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-110px;background:radial-gradient(circle,#72a7ff26,#72a7ff00 72%);pointer-events:none}.finance-hero h1{font-size:28px;letter-spacing:-.055em;color:#142d49;margin:5px 0 7px}.finance-hero p{font-size:12px;color:#70869e;max-width:710px;line-height:1.6}.finance-hero-side{display:flex;align-items:center;gap:10px;flex-shrink:0;z-index:1}.finance-hero-side>span{min-width:145px;padding:12px 14px;border:1px solid #dbe7f4;border-radius:13px;background:#fffc;box-shadow:0 8px 22px #253d5a08}.finance-hero-side small{display:block;color:#8192a5;font-size:9px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}.finance-hero-side strong{display:block;margin-top:6px;color:#173a69;font-size:20px;letter-spacing:-.05em}.credit-hero{background:linear-gradient(135deg,#fffaf3,#fff5e7 45%,#f6fbff);border-color:#f1dfc5}.credit-hero:after{background:radial-gradient(circle,#f0a54d2c,#f0a54d00 72%)}.premium-credit-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.credit-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.credit-analytics-grid .dashboard-panel,.reports-analytics-secondary .dashboard-panel{padding:22px}.credit-workbench{margin-top:2px}.payment-panel{background:linear-gradient(180deg,#fff,#fbfdff)}.payment-empty-state{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#7e91a6}.payment-empty-state>span{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:#eef5ff;color:#2d72d8;margin-bottom:14px}.payment-empty-state b{color:#24415f;font-size:14px}.payment-empty-state p{max-width:300px;margin-top:8px;font-size:11px;line-height:1.6}.premium-credit-summary{border:1px solid #f3d7b6;background:linear-gradient(135deg,#fff8ef,#fff2e1)}.reports-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-analytics-primary{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:20px;margin-bottom:20px}.reports-analytics-primary .dashboard-panel,.reports-analytics-secondary .dashboard-panel{padding:22px}.reports-analytics-secondary{display:grid;grid-template-columns:1.15fr .95fr .8fr;gap:20px;margin-bottom:20px}.report-trend-panel{min-height:390px}.report-truth-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}.report-truth-strip>div{display:flex;align-items:flex-start;gap:11px;padding:15px 16px;border:1px solid #e0e9f4;border-radius:13px;background:#f8fbff;color:#44709e}.report-truth-strip span{display:flex;flex-direction:column;gap:4px}.report-truth-strip b{font-size:11px;color:#294b70}.report-truth-strip small{font-size:10px;color:#8192a5;line-height:1.5}@media(max-height:820px)and (min-width:721px){.brand{height:76px;padding:15px 18px}.brand-mark,.brand-logo{width:38px;height:38px}.sidebar-company{margin:14px 12px 18px;padding:10px}.nav-label{padding-bottom:7px}.nav-item{min-height:42px;padding:8px 12px}.sidebar-bottom{padding:9px 12px 10px}.dev-side{padding:9px 10px}.dev-side p{display:none}.change-company{padding-top:9px}}@media(max-width:1350px){.premium-credit-metrics,.reports-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-analytics-secondary{grid-template-columns:1fr 1fr}.reports-analytics-secondary .stock-health-panel{grid-column:1/-1}.finance-hero{align-items:flex-start}.finance-hero-side{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:1100px){.finance-hero{flex-direction:column}.finance-hero-side{width:100%;justify-content:flex-start}.reports-analytics-primary,.credit-analytics-grid,.reports-analytics-secondary{grid-template-columns:1fr}.reports-analytics-secondary .stock-health-panel{grid-column:auto}.report-truth-strip{grid-template-columns:1fr}}@media(max-width:720px){.finance-hero{padding:19px}.finance-hero h1{font-size:23px}.finance-hero-side{display:grid;grid-template-columns:1fr 1fr}.finance-hero-side>span{min-width:0}.finance-hero-side>.btn{grid-column:1/-1;width:100%}.premium-credit-metrics,.reports-metrics{grid-template-columns:1fr 1fr}.credit-analytics-grid,.reports-analytics-primary,.reports-analytics-secondary{gap:13px}.report-truth-strip{gap:9px}}@media(max-width:440px){.finance-hero-side,.premium-credit-metrics,.reports-metrics{grid-template-columns:1fr}}