*{box-sizing:border-box} :root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#718096;--line:#e6eaf0;--primary:#e45c25;--primary2:#c94716;--green:#16865b;--red:#d64545;--yellow:#c88613;--shadow:0 8px 30px rgba(18,30,52,.06)}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:255px;background:#101722;color:#c8d0dc;padding:20px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.logo{display:flex;gap:10px;align-items:center;color:#fff;font-size:18px;font-weight:700;padding:3px 10px 22px}.logo>span{font-size:27px}.logo b{color:#ff8a4c}.logo small{display:block;color:#687587;font-size:8px;letter-spacing:1.3px;margin-top:2px}.store{border:1px solid #273242;background:#171f2c;border-radius:10px;padding:10px;display:flex;gap:8px;align-items:center;margin:0 4px 18px}.store>span{font-size:10px;color:#44c98b}.store div{flex:1}.store b,.store small{display:block}.store b{font-size:11px;color:#eef2f7}.store small{font-size:9px;color:#758398;margin-top:2px}.store i{font-style:normal;color:#738197}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#9ca9ba;text-decoration:none;margin:3px 0;font-weight:600}.nav-item span{width:18px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:#232d3b;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--primary)}.sidebar-bottom{margin-top:auto}.sidebar-bottom>a{display:block;padding:12px;color:#8491a2;text-decoration:none}.user{border-top:1px solid #273242;padding:15px 8px 2px;display:flex;gap:9px;align-items:center}.user>span,.avatar{display:grid;place-items:center;border-radius:50%;background:#f08a53;color:#fff;font-weight:800}.user>span{width:33px;height:33px}.user div{flex:1}.user b,.user small{display:block}.user b{color:#fff;font-size:12px}.user small{color:#778497;font-size:10px}.user i{font-style:normal}.main{margin-left:255px;flex:1;min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:5}.crumb{color:#697689;font-size:13px}.crumb span{margin:0 9px;color:#c1c8d2}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{border:0;background:#f4f6f9;border-radius:8px;width:37px;height:37px;cursor:pointer;color:#586578}.notification{position:relative}.notification em{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef5d49;right:8px;top:7px}.avatar{width:35px;height:35px;margin-left:5px}.mobile-menu{display:none}.content{padding:30px 34px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-head h1{font-size:27px;margin:4px 0 5px;letter-spacing:-.6px}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--primary)}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;color:#435065;font-weight:700;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.full{width:100%;padding:13px}.live{font-size:11px;color:var(--green);font-weight:700;background:#eaf8f1;padding:9px 12px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;gap:14px;box-shadow:var(--shadow)}.stat-icon{width:43px;height:43px;border-radius:10px;background:#fff3ed;display:grid;place-items:center;font-size:20px}.stat span,.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:22px;margin:4px 0}.up{color:var(--green)!important}.down{color:var(--red)!important}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:1.55fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-head h2,.panel>h2{font-size:16px;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head a{color:var(--primary);text-decoration:none;font-size:12px;font-weight:700}.panel select,.toolbar select{border:1px solid var(--line);padding:8px;border-radius:7px;color:#536174;background:#fff}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#8894a5;padding:11px 9px;border-bottom:1px solid var(--line)}td{padding:13px 9px;border-bottom:1px solid #edf0f4;font-size:12px}td small{color:var(--muted)}.badge{padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.badge.success{background:#eaf8f1;color:#16865b}.badge.warning{background:#fff7df;color:#aa7412}.badge.danger{background:#fff0ef;color:#c43d3d}.chart{height:220px;padding:20px 10px 5px}.bars{height:170px;display:flex;align-items:end;justify-content:space-around;gap:16px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#f0f2f5 42px)}.bars i{width:38px;background:linear-gradient(#f28b55,#e45c25);border-radius:5px 5px 0 0;display:block}.chart-labels{display:flex;justify-content:space-around;padding-top:8px;color:#8792a2;font-size:10px}.payment-list{display:grid;gap:17px;margin:22px 0}.payment-list div{display:flex;justify-content:space-between;color:#687587}.payment-list b{color:#172033}.progress{height:12px;background:#eef1f5;border-radius:10px;overflow:hidden}.progress i{height:100%;display:block;background:#e45c25}.activity>div{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f4}.activity span{color:var(--muted);font-size:11px}.activity strong{font-size:12px}.searchbar{display:flex;gap:8px}.searchbar input,.toolbar input{flex:1;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fafbfc}.category-row{display:flex;gap:8px;margin:16px 0}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 13px;font-size:11px;cursor:pointer}.chip.active{background:#fff0e9;border-color:#ffc6ab;color:var(--primary);font-weight:800}.pdv-layout{display:grid;grid-template-columns:1fr 360px;gap:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:left;cursor:pointer;transition:.15s}.product-card:hover{border-color:#ffb493;transform:translateY(-2px)}.product-card span{font-size:28px;display:block;margin-bottom:12px}.product-card b,.product-card small{display:block}.product-card small{color:var(--muted);margin-top:5px}.cart{position:sticky;top:86px;height:max-content}.cart-items{min-height:230px}.empty{text-align:center;color:#98a2b0;padding:75px 20px;font-size:13px}.cart-row{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-row div{flex:1}.cart-row b,.cart-row small{display:block}.cart-row small{color:var(--muted);margin-top:3px}.qty{display:flex;align-items:center;gap:7px}.qty button{border:1px solid var(--line);background:#fff;border-radius:5px;width:23px;height:23px}.cart-total{border-top:1px solid var(--line);padding:15px 0}.cart-total>div{display:flex;justify-content:space-between;margin:8px 0;color:#6c7888}.cart-total .grand{font-size:16px;color:#172033}.grand strong{font-size:22px}.toolbar{display:flex;gap:10px;margin-bottom:16px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kanban-col{background:#eef1f5;border-radius:10px;padding:12px;min-height:430px}.kanban-col h3{font-size:12px;margin:3px 3px 12px}.kanban-col h3 b{float:right;background:#dce2e9;padding:3px 7px;border-radius:10px}.order{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;margin-bottom:9px;box-shadow:0 3px 10px #00000008}.order b,.order span,.order small{display:block}.order span{margin:7px 0;color:#556274;font-size:11px}.order small{color:#8994a3;font-size:10px}.order.done{border-left:3px solid var(--green)}.summary{display:grid;gap:18px;margin-top:22px}.summary span{display:flex;justify-content:space-between;color:#687587}.summary b{color:#172033}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none;color:var(--text);box-shadow:var(--shadow)}.report-card:hover{border-color:#ffb493}.report-card span{font-size:27px;display:block;margin-bottom:20px}.report-card b,.report-card small{display:block}.report-card small{color:var(--muted);margin-top:6px}.settings{display:grid;grid-template-columns:250px 1fr;gap:18px}.settings-nav>a{display:block;padding:11px;color:#687587;border-radius:7px;margin-top:4px}.settings-nav>a.selected{background:#fff0e9;color:var(--primary);font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;color:#697688;font-weight:700}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fafbfc}.form-grid textarea{min-height:90px}.wide{grid-column:1/-1}.panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.pix-box{display:flex;align-items:center;gap:14px;border:1px solid #bfe8d3;background:#f1fbf6;border-radius:10px;padding:13px}.pix-mark{font-weight:900;color:#16865b;font-size:18px}.pix-box div{flex:1}.pix-box input{display:block;margin-top:6px;border:0;background:transparent;font-weight:800}.hint{font-size:11px;color:var(--muted)}.modal{position:fixed;inset:0;background:#10172288;display:none;place-items:center;z-index:50;padding:20px}.modal.open{display:grid}.modal-box{background:#fff;border-radius:14px;padding:25px;width:min(560px,100%);position:relative;box-shadow:0 25px 80px #0005}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;color:#778497}.modal-box h2{margin-top:0}.modal-box>.btn{margin-top:18px}#toast{position:fixed;right:25px;bottom:25px;background:#111722;color:#fff;padding:13px 18px;border-radius:9px;opacity:0;transform:translateY(15px);transition:.25s;z-index:100;font-size:12px}#toast.show{opacity:1;transform:none}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid.two,.pdv-layout{grid-template-columns:1fr}.cart{position:static}.kanban{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:750px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none}.main{margin-left:0}.mobile-menu{display:block;border:0;background:none;font-size:20px;margin-right:12px}.content{padding:22px 15px}.topbar{padding:0 15px}.page-head{align-items:flex-start;gap:12px}.stats{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.kanban,.report-grid,.settings{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar{flex-wrap:wrap}.activity>div{grid-template-columns:1fr}.searchbar{flex-direction:column}}