@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#e9eceb;background:#0d1114;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101416;--panel:#1b2023;--panel2:#22292b;--line:#30383a;--dim:#8e9a9a;--accent:#c5f800;--green:#b6eb00;--danger:#ff6974;--good:#6cdcab}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{color:#f4f6f5;background:#13191c;border:1px solid #364044;border-radius:10px;min-height:43px;padding:10px 12px;width:100%;outline:none}input::placeholder{color:#667576}option{background:#13191c}label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px;color:#c8d1d1}p{line-height:1.55}h1,h2,h3{font-family:Outfit,system-ui,sans-serif}h1{font-size:clamp(29px,3vw,43px);line-height:1.1;letter-spacing:-.06em;margin:4px 0 10px}h2{font-size:19px;letter-spacing:-.02em;margin:0 0 12px}a,.accent{color:var(--accent)}.shell{min-height:100dvh;display:flex}.sidebar{width:244px;min-width:244px;background:#151a1d;border-right:1px solid #252d30;min-height:100dvh;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:22px 14px 18px;z-index:30}.brand{display:flex;align-items:center;gap:11px;margin-bottom:36px;padding:2px 7px}.brand img{width:54px;height:54px;object-fit:contain;border-radius:14px}.brand div{display:flex;flex-direction:column}.brand strong{font-family:Outfit;font-size:25px;line-height:1;letter-spacing:.02em}.brand span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-top:4px}.workspace-label,.eyebrow{font-weight:800;font-size:10px;letter-spacing:.15em;color:var(--accent)}.workspace-label{color:#697678;margin:0 15px 10px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{color:#a1b0b1;text-decoration:none;border:0;background:none;display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px 14px;text-align:left;width:100%;font-size:13px;font-weight:700;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:#242e30;color:#fff}.nav-item.selected{background:#c5f800;color:#151a17}.nav-item.selected .nav-pip{height:7px;width:7px;border-radius:99px;background:#162100;position:absolute;right:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #273134;padding-top:16px}.user-card{display:flex;gap:9px;align-items:center;padding:8px 6px 12px}.user-avatar{border-radius:10px;width:36px;height:36px;background:#303d27;color:var(--accent);display:grid;place-items:center;font-weight:900}.user-card strong{font-size:12px;display:block}.user-card small{font-size:11px;color:var(--dim)}.demo-tag{font-size:10px;color:#f5d590;background:#3a3220;border:1px solid #5c4d2b;padding:10px 12px;border-radius:9px;font-weight:800;letter-spacing:.04em}.main{flex:1;min-width:0;background:radial-gradient(ellipse at 48% 0%,#182022,transparent 58%),#101416}.topbar{height:78px;border-bottom:1px solid #293134;padding:0 clamp(20px,2.8vw,44px);display:flex;align-items:center;justify-content:space-between;background:#151a1cbb;backdrop-filter:blur(16px)}.page-heading{display:flex;flex-direction:column;gap:3px}.page-heading span{color:#677779;font-size:9px;letter-spacing:.17em;font-weight:900}.page-heading strong{font-family:Outfit;font-size:17px}.top-actions{display:flex;align-items:center;gap:13px}.connection{font-size:12px;border:1px solid #384d3f;padding:8px 10px;border-radius:99px;color:#a5e4b8;display:flex;align-items:center;gap:8px;font-weight:700}.connection span{width:7px;height:7px;background:#7fe4a1;border-radius:50%}.connection.demo{color:#e4cd8b;border-color:#615333}.connection.demo span{background:#dabc6a}.icon-button{height:35px;width:35px;display:grid;place-items:center;border:1px solid #333e41;background:#21292c;border-radius:9px;color:#dae2e3}.icon-button:hover{color:var(--accent);border-color:#697c43}.hamburger{display:none}.content{max-width:1560px;margin:auto;padding:32px clamp(18px,3vw,44px) 64px}.section-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:26px}.section-heading p{font-size:13px;color:#88999b;margin:0}.date-chip{font-size:12px;color:#c8d1d2;border:1px solid #334043;border-radius:99px;padding:12px 16px;text-transform:capitalize}.sale-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:23px;align-items:start}.catalog{min-width:0}.catalog-header{margin-bottom:12px}.search{border:1px solid #334044;background:#1b2225;border-radius:12px;padding:0 13px;display:flex;align-items:center;gap:9px;color:#8b9a9a;max-width:440px}.search input{border:0;background:transparent}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:21px}.chips button{border:1px solid #394246;background:#1c2427;color:#aab8b9;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:800}.chips button:hover{border-color:#98c700}.chips button.active{background:var(--accent);color:#1b241c;border-color:var(--accent)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.product-card{background:#1b2224;border:1px solid #2f393c;border-radius:15px;padding:17px 15px;text-align:left;position:relative;min-height:174px;display:flex;flex-direction:column;transition:.12s;overflow:hidden}.product-card:hover{background:#222c2d;border-color:#779d22;transform:translateY(-1px)}.product-card.in-cart{border-color:#a8d611;box-shadow:inset 0 0 0 1px #b5e50033}.product-icon{background:#2d3825;color:#c1f200;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;margin-bottom:12px}.product-details{display:flex;flex-direction:column;gap:4px}.product-details small{color:#859496;font-size:10px}.product-details strong{color:#f1f6f3;font-family:Outfit;font-weight:600;font-size:15px;line-height:1.2}.product-details span{color:var(--accent);font-size:15px;font-weight:900;margin-top:4px}.product-add{position:absolute;bottom:15px;right:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #687544;border-radius:8px;color:var(--accent);font-weight:900}.cart-panel{background:#1c2224;border:1px solid #354043;border-radius:18px;overflow:hidden;position:sticky;top:16px}.cart-heading{padding:19px 20px;border-bottom:1px solid #343e42;display:flex;justify-content:space-between;align-items:center}.cart-heading>div{display:flex;gap:10px;align-items:center}.cart-heading svg{color:var(--accent)}.cart-heading strong{font-family:Outfit;font-size:19px}.cart-heading>span{background:#303a3d;border-radius:99px;padding:6px 10px;color:#b4c2c2;font-size:11px}.cart-empty{padding:42px 10px;text-align:center;color:#89989a;display:flex;align-items:center;flex-direction:column}.cart-empty svg{color:#5e6f73;margin-bottom:12px}.cart-empty strong{color:#fff}.cart-empty p{font-size:12px;margin:8px}.cart-lines{max-height:350px;overflow:auto;padding:2px 18px}.cart-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #323b3d;padding:14px 2px}.cart-line strong{display:block;font-size:13px}.cart-line small{display:block;color:#899999;font-size:11px;margin-top:4px}.cart-line>b{font-size:13px;white-space:nowrap}.stepper{display:flex;gap:8px;align-items:center;margin-top:9px}.stepper span{font-size:12px;font-weight:900}.stepper button{display:grid;place-items:center;background:#283336;border:1px solid #455256;border-radius:7px;width:26px;height:26px;color:#fff}.cart-footer{border-top:1px solid #374144;padding:19px}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.total-row span{font-size:14px;color:#aebcbd;font-weight:800}.total-row strong{font-family:Outfit;font-size:30px;color:var(--accent)}.payment-title{font-size:10px;color:#8fa0a0;font-weight:900;letter-spacing:.12em;margin-bottom:10px}.pay-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pay-options button{border:1px solid #3f4b4d;background:#242d2f;border-radius:10px;color:#c9d4d4;font-weight:800;font-size:11px;padding:13px 5px;display:flex;align-items:center;flex-direction:column;gap:6px}.pay-options button.active{border-color:var(--accent);background:#39452a;color:var(--accent)}.payment-summary{margin:17px 0;display:flex;flex-direction:column;gap:9px}.payment-summary>span{display:flex;justify-content:space-between;font-size:11px;color:#9eadae}.payment-summary b{color:#e5ebeb}.mixed-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.mixed-row label{font-size:10px}.mixed-row output{border:1px solid #3b484b;background:#14191c;padding:11px 9px;border-radius:8px;min-height:43px;font-size:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:900;white-space:nowrap}.btn.primary{color:#131912;background:var(--accent)}.btn.primary:hover{background:#d9ff50}.btn.secondary{background:#293134;color:#c8d1d2;border-color:#3a4649}.btn.secondary:hover{background:#344044}.btn.danger{background:#3d262c;color:#ffa5a9;border-color:#6d3b43}.btn.textonly{background:transparent;border:0;color:#b7c8c8}.btn.wide{width:100%;margin-top:9px}.btn.tiny{min-height:30px;padding:7px 9px;font-size:11px;border-radius:8px}.panel{background:#1b2225;border:1px solid #333e42;border-radius:15px;padding:22px;margin-bottom:20px;min-width:0}.panel h2{display:flex;align-items:center;gap:8px}.panel>p{font-size:13px;color:#9eb0b1}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}.table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#96a8a9;font-weight:800;padding:13px 12px;background:#232d2f;border-bottom:1px solid #3e494c}.table-wrap td{padding:14px 12px;border-bottom:1px solid #303a3d;color:#c7d0d1}.table-wrap td b{color:#eff5f3}.table-wrap tr:last-child td{border-bottom:0}.action-cell{display:flex;gap:6px}.status{border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800}.status.good{background:#224636;color:#8df3b4}.status.void{background:#49292b;color:#ffb2b5}.qty-badge{color:#b6ed95;font-weight:900}.qty-badge.low{color:#f2c27f}.pending{color:#eac17b}.mono{font-family:monospace}.empty{display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;min-height:140px;color:#7e9192}.empty p{font-size:12px;max-width:400px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{border:1px solid #323d40;border-radius:14px;background:#1c2325;padding:19px;display:flex;flex-direction:column;gap:12px;min-width:0}.stat>span{font-size:11px;color:#94a6a8;font-weight:700}.stat strong{font-family:Outfit;font-size:clamp(18px,2.2vw,29px);letter-spacing:-.04em;color:var(--accent);overflow-wrap:anywhere}.stat small{color:#7d9293;font-size:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:19px}.balance-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334043;padding:12px 0;gap:10px;font-size:13px}.balance-line strong{font-family:Outfit;font-size:18px}.balance-line.emphasis{border-bottom:0;color:var(--accent);font-weight:900}.balance-line.emphasis strong{font-size:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:17px 0}.form-stack{display:flex;flex-direction:column;gap:15px}.form-stack h2{margin-bottom:2px}.form-stack p{margin:0}.muted{color:#8ba0a1!important}.inline-warning{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid #69583b;border-radius:10px;background:#393022;color:#e4cd99;font-size:12px;line-height:1.5;margin:14px 0}.inline-warning svg{flex-shrink:0}.date-control{min-width:160px}.explain-list{display:flex;flex-direction:column;gap:17px}.explain-list>div{display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:start}.explain-list svg{color:var(--accent);width:21px;height:21px;grid-row:span 2}.explain-list strong{font-size:12px}.explain-list span{font-size:11px;color:#92a3a3}.ranked-list{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:26px minmax(0,1fr) 55px auto;gap:8px;align-items:center;border-bottom:1px solid #303a3d;padding:10px 0;font-size:12px}.rank-row span{color:var(--accent);font-weight:800}.rank-row small{color:#9aadae}.rank-row b{color:#fff}.footnote{color:#728587!important;font-size:11px!important}.modal-backdrop{position:fixed;inset:0;background:#040608d9;z-index:100;display:grid;place-items:center;padding:18px}.modal{background:#1c2426;border:1px solid #596b6d;border-radius:17px;padding:25px;box-shadow:0 30px 90px #0009;width:100%;max-width:490px;display:flex;flex-direction:column;gap:18px;max-height:93dvh;overflow-y:auto}.modal-top{display:flex;justify-content:space-between;gap:15px}.modal-top h2{font-size:24px;margin:3px 0}.modal-top p{margin:0;color:#99abab;font-size:12px}.check-label{display:flex;align-items:center;flex-direction:row;gap:9px}.check-label input{width:18px;height:18px;min-height:unset;accent-color:var(--accent)}.message{border:1px solid #466c50;background:#203a2d;color:#c9f3d2;border-radius:10px;padding:12px 14px;font-size:12px;display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:19px;line-height:1.5}.message.error{background:#42272c;border-color:#8d5058;color:#ffd4d8}.message.info{background:#333c25;border-color:#697849;color:#e3efc9}.message button{background:transparent;border:0;color:inherit}.demo-alert{background:#3a3322;border:1px solid #6d592a;color:#ffe2a3;padding:13px 15px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:18px}.demo-alert svg{flex-shrink:0}.success-receipt{display:flex;align-items:center;gap:12px;background:#284330;border:1px solid #547958;border-radius:12px;padding:13px 15px;margin-top:15px;color:#c6f2cf}.success-receipt p{margin:2px 0;font-size:12px}.success-receipt>.icon-button{margin-left:auto}.splash{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100dvh;color:#9da8a8}.splash img{width:130px}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 10%,#354a20,#151b1c 44%,#0d1114)}.login-card{border:1px solid #3d4b43;background:#1b2224;box-shadow:0 30px 90px #0005;border-radius:20px;padding:30px;width:100%;max-width:420px}.login-card>img{width:118px;height:118px;object-fit:cover;border-radius:16px;display:block;margin:0 auto 12px}.login-card h1{text-align:center;font-size:29px}.login-card>p{text-align:center;color:#9caeae;font-size:13px;margin:0 0 25px}.login-card form{display:flex;flex-direction:column;gap:18px}.login-card .btn{min-height:47px}.login-card>small{color:#7b898b;display:block;margin-top:20px;text-align:center;font-size:11px}.security-chip{border-radius:10px;background:#344322;color:#d5fb9b;display:flex;align-items:center;gap:10px;padding:13px;font-size:13px;font-weight:700}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-backdrop{display:none}@media(max-width:1180px){.sidebar{width:208px;min-width:208px}.sale-layout{grid-template-columns:minmax(0,1fr) 318px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translate(-105%);position:fixed;transition:transform .2s}.sidebar.open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;inset:0;border:0;background:#0009;z-index:25}.hamburger{display:grid}.topbar{justify-content:flex-start;gap:14px}.top-actions{margin-left:auto}.content{padding-top:24px}.sale-layout{grid-template-columns:1fr}.cart-panel{position:static}.two-col{grid-template-columns:1fr}}@media(max-width:540px){.topbar{height:64px;padding:0 13px}.page-heading span{font-size:8px}.page-heading strong{font-size:15px}.connection{font-size:0;padding:7px}.connection span{width:9px;height:9px}.top-actions{gap:7px}.content{padding:20px 12px 60px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading h1{font-size:32px}.section-heading p{font-size:12px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{min-height:155px;padding:13px}.product-icon{width:37px;height:37px}.product-details strong,.product-details span{font-size:13px}.product-add{right:10px;bottom:10px}.chips{flex-wrap:nowrap;overflow:auto;margin-right:-12px;padding-right:12px;scrollbar-width:none}.chips button{white-space:nowrap}.stats-grid{gap:8px}.stat{padding:13px;gap:7px}.stat strong{font-size:20px}.panel{padding:14px}.field-grid{grid-template-columns:1fr}.mixed-row{grid-template-columns:1fr 1fr}}