:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f3f6f9}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select{font:inherit}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071c35,#123e6b)}.login-card{width:min(440px,92vw);background:white;border-radius:24px;padding:28px;box-shadow:0 24px 70px #0005;text-align:center}.brand{font-size:32px;font-weight:900;color:#0a3158}.brand span{font-size:15px;color:#e98525}.pin{width:100%;font-size:30px;letter-spacing:14px;text-align:center;padding:16px;border:2px solid #d8e0e7;border-radius:14px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.numpad button{height:68px;border:0;border-radius:14px;font-size:26px;font-weight:700}.error{color:#a40000;min-height:24px;margin-top:8px}header{height:68px;background:#0a3158;color:white;display:flex;align-items:center;gap:20px;padding:0 20px}header>div:first-child{margin-right:auto}header small{display:block;opacity:.75}header button,nav button,.admin-tabs button{border:0;border-radius:9px;padding:10px 14px}nav{display:flex;gap:8px;padding:10px 16px;background:#dfe9f2;position:sticky;top:0;z-index:5}nav button.active{background:#e98525;color:white;font-weight:700}main{padding:14px}.page{display:none}.page.active{display:block}.layout{display:grid;grid-template-columns:minmax(430px,44%) 1fr;gap:14px}.clients-panel,.sale-panel,.card{background:white;border-radius:18px;padding:14px;box-shadow:0 4px 18px #15314a12}.legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:12px}.legend span{padding:5px 8px;border-radius:10px}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.client{min-height:74px;border:2px solid transparent;border-radius:12px;padding:8px;font-weight:700;position:relative}.client small{display:block;font-weight:500;margin-top:5px}.client.free,.legend .free{background:#e6e8eb}.client.open,.legend .open{background:#ffbd70}.client.paid,.legend .paid{background:#84d69b}.client.credit,.legend .credit{background:#83c5ff}.client.creditopen,.legend .creditopen{background:#c69df4}.client.selected{outline:3px solid #0a3158}.sale-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sale-actions{display:flex;flex-wrap:wrap;gap:6px}.sale-actions button,.adjustments button,.free-tpe button,.buttons button,.card button{border:0;border-radius:9px;padding:9px 12px;background:#dfe9f2}.product-tools,.filters,.coffee-sim{display:flex;gap:8px;margin:12px 0}.product-tools>*{padding:10px;border:1px solid #ccd6df;border-radius:10px}.product-tools input{flex:1}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:320px;overflow:auto}.product{border:1px solid #d5dde5;border-radius:12px;background:#f8fafc;padding:10px;text-align:left;min-height:82px}.product strong,.product small{display:block}.product .stock-low{color:#b00020}.order{max-height:230px;overflow:auto}.order-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px;border-bottom:1px solid #eee;align-items:center}.order-row button{border:0;border-radius:8px;padding:6px 9px}.totals{display:flex;justify-content:space-between;font-size:24px;padding:14px 0}.adjustments{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pay-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.pay-row button{height:58px;border:0;border-radius:12px;font-weight:800}.cash{background:#72cc88}.tpe{background:#75bdf0}.creditpay{background:#b994ec}.free-tpe{border-top:1px solid #e3e7ea;margin-top:18px;padding-top:12px}.free-tpe input{padding:9px;border:1px solid #ccd6df;border-radius:9px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.big-number{font-size:42px;font-weight:800;color:#0a3158}.stock-row{display:grid;grid-template-columns:1.5fr .6fr .6fr .6fr auto;gap:8px;align-items:center;padding:7px;border-bottom:1px solid #eee}.stock-row input{width:100%;padding:7px}.denoms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.denom{border:1px solid #ddd;border-radius:10px;padding:8px}.denom input{width:100%;padding:7px;margin-top:4px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.metric{background:#f0f5f9;border-radius:12px;padding:14px}.metric b{display:block;font-size:25px;color:#0a3158}.lists{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lists>div{background:#f8fafc;padding:12px;border-radius:12px}.history-item{padding:9px;border-bottom:1px solid #eee}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px}.settings-grid label{display:grid;gap:5px}.settings-grid input,.settings-grid select{padding:8px}.empty-state{padding:80px 20px;text-align:center;color:#6c7780;font-size:24px}#toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:1000px){.layout{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(5,1fr)}.products{grid-template-columns:repeat(5,1fr)}}@media(max-width:700px){.clients-grid{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(3,1fr)}.pay-row{grid-template-columns:1fr}.dash-grid,.lists{grid-template-columns:1fr}.stock-row{grid-template-columns:1.4fr .6fr .6fr}.stock-row>*:nth-child(4){display:none}.denoms{grid-template-columns:repeat(2,1fr)}}