*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6fb;color:#182033}.app{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:#111827;color:#fff;padding:20px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{font-size:18px;margin:2px 8px 18px}.logo b{margin-left:7px}nav{display:flex;flex-direction:column;gap:4px}nav a{color:#b9c2d0;text-decoration:none;padding:10px 12px;border-radius:9px;font-size:14px}nav a:hover,nav a.active{background:#232c3d;color:#fff}.aside-bottom{margin-top:auto;padding:12px 8px;display:flex;justify-content:space-between;gap:10px}.aside-bottom a{color:#c8bfff}.aside-bottom small{color:#aab4c2}main{padding:18px 24px 40px;min-width:0}.mobile-head{display:none}.top-exchange{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:11px;color:#667085;margin-bottom:6px}.top-exchange span{font-weight:800;text-transform:uppercase;color:#98a2b3}.top-exchange b{background:#eef1f6;padding:4px 7px;border-radius:999px;color:#344054}.top-exchange i{font-style:normal;color:#cbd1db}.top-exchange a{color:#6941c6;font-weight:800;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}header h1{margin:0;font-size:24px}header p{margin:5px 0 0;color:#8a94a6;font-size:13px}.btn{border:0;border-radius:9px;background:#eef0f4;color:#344054;font-weight:800;padding:11px 14px;cursor:pointer;text-decoration:none;display:inline-block}.btn.primary{background:#6c5ce7;color:#fff}.btn.full{width:100%}.btn.big{font-size:15px;padding:14px}.flash{background:#ecfdf3;color:#027a48;border-radius:10px;padding:11px 14px;margin-bottom:14px}.card{background:#fff;border:1px solid #e7eaf0;border-radius:15px;padding:18px;box-shadow:0 3px 12px rgba(20,32,60,.03);margin-bottom:16px}.card h2{margin:0 0 14px;font-size:18px}.card h3{margin:18px 0 10px}.cardhead{display:flex;justify-content:space-between;align-items:center}.cardhead a{font-size:12px;color:#6941c6;text-decoration:none;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pdv-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:16px}.kpi small{display:block;color:#7c8799}.kpi strong{display:block;font-size:22px;margin:7px 0}.kpi span{font-size:12px;color:#98a2b3}.formstack{display:flex;flex-direction:column;gap:11px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{font-size:13px;font-weight:700;color:#475467}input,select,textarea{width:100%;border:1px solid #d9dee8;border-radius:9px;padding:11px;background:#fff;color:#182033;font-size:14px;margin-top:5px}textarea{min-height:80px;resize:vertical}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.search{margin-bottom:12px}.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:560px;overflow:auto}.product{border:1px solid #e1e5ec;background:#fff;border-radius:11px;text-align:left;padding:12px;cursor:pointer}.product:hover{border-color:#8a7df0;box-shadow:0 4px 16px rgba(108,92,231,.08)}.product b{display:block}.product small{display:block;color:#98a2b3;margin:5px 0 9px}.product span{font-weight:800;color:#344054}.product em{display:block;font-style:normal;font-size:11px;color:#6941c6;font-weight:700;margin-top:4px}.cart{position:sticky;top:12px;height:max-content}.cart-row,.pay-row,.rowline,.production-card,.payroll-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf0f4;padding:10px 0}.cart-row small,.rowline small,.production-card small,.payroll-card small{display:block;color:#98a2b3;margin-top:4px}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:#eef0f4;width:28px;height:28px;border-radius:7px}.totals{border-top:1px solid #e7eaf0;margin-top:16px;padding-top:10px}.totals>div{display:flex;justify-content:space-between;padding:6px 0}.discount-line{background:#fff7ed;color:#b54708;border-radius:8px;padding:8px!important}.grand{font-size:18px}.grand strong{color:#5b4ddb}.payment-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:7px}.payment-grid input,.payment-grid select{margin:0}.empty{text-align:center;color:#98a2b3;padding:30px 10px}.hint{font-size:13px;color:#667085}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f4;white-space:nowrap}td small{display:block;color:#98a2b3}.inline,.mini-form{display:flex;align-items:center;gap:6px}.inline input,.inline select,.mini-form input,.mini-form select{margin:0}.mini-form{margin-top:8px;flex-wrap:wrap}.mini-form input,.mini-form select{width:auto;min-width:110px;padding:8px}.finance-row{border-bottom:1px solid #edf0f4;padding:12px 0}.finance-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.finance-row small{display:block;color:#98a2b3;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:50;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal-card{background:#fff;width:min(600px,100%);max-height:90vh;overflow:auto;border-radius:18px;padding:22px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:2px 0 12px}.modal-head small{color:#6941c6;font-weight:800}.modal-x{border:0;background:#eef0f4;border-radius:50%;width:36px;height:36px;font-size:24px}.review-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f8fafc;padding:12px;border-radius:10px}.review-meta span{display:flex;flex-direction:column}.review-meta small{color:#98a2b3}.review-row,.review-totals>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:9px 0}.review-discount{background:#fff7ed;color:#b54708;padding:9px!important;border-radius:8px;border:0!important;margin-top:8px}.review-grand{font-size:20px;border:0!important}.review-grand strong{color:#5b4ddb}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:18px}
@media(max-width:1000px){.app{grid-template-columns:1fr}aside{position:fixed;z-index:60;left:-240px;width:220px;transition:.2s}.show{left:0}.mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-head button{border:0;background:#111827;color:#fff;border-radius:8px;padding:8px 11px}.kpis{grid-template-columns:repeat(2,1fr)}.pdv-grid,.grid2{grid-template-columns:1fr}.cart{position:static}.product-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){main{padding:14px}.top-exchange{justify-content:flex-start;overflow:auto;white-space:nowrap}header{align-items:flex-start}header h1{font-size:21px}header p{display:none}.formgrid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.product-list{grid-template-columns:1fr 1fr}.payment-grid{grid-template-columns:1fr}.review-meta,.modal-actions{grid-template-columns:1fr}.inline,.mini-form{align-items:stretch;flex-direction:column}.mini-form input,.mini-form select{width:100%}}