*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;background:#eef4f8;color:#132536}button,input{font:inherit}button{cursor:pointer}.top{height:64px;background:#073b66;color:white;display:flex;align-items:center;padding:0 20px;font-weight:800}.top small{margin-left:20px;display:block;font-size:10px;opacity:.75}.right{margin-left:auto;font-size:13px}.page{max-width:1400px;margin:auto;padding:22px}.panel{background:white;border:1px solid #d4e1eb;border-radius:14px;box-shadow:0 4px 14px #17334d18}.center{min-height:calc(100vh - 64px);display:grid;place-items:center}.pad{padding:24px}.title{margin:0 0 18px;font-size:26px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card,.prod{background:white;border:1px solid #cbdbe7;border-radius:12px;padding:24px;text-align:center}.card:hover,.prod:hover{border-color:#087be8;box-shadow:0 4px 12px #087be822}.big{font-size:38px}.name{font-weight:800}.muted{color:#718393}.btn{border:0;border-radius:8px;padding:12px 17px;font-weight:800}.primary{background:#087be8;color:#fff}.secondary{background:#e8f2fa;color:#12466e}.success{background:#14ad68;color:white}.warn{background:#ffc21b}.wide{width:100%}.sale{display:grid;grid-template-columns:170px 1fr 350px;gap:14px;min-height:calc(100vh - 108px)}.cats,.cart{background:white;border:1px solid #d4e1eb;border-radius:12px;padding:10px}.cat{width:100%;padding:13px 10px;border:0;background:transparent;text-align:left;border-radius:8px;font-weight:750;margin-bottom:4px}.cat.on{background:#087be8;color:white}.products{padding:20px}.prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:11px}.prod{padding:14px;min-height:125px}.prod .big{font-size:30px}.price{font-weight:900;margin-top:6px}.cart{display:flex;flex-direction:column}.cart h2{margin:4px 0 12px}.items{flex:1;overflow:auto}.item{border-bottom:1px solid #e5edf3;padding:10px 0}.itemline{display:flex;justify-content:space-between;font-weight:750}.qty{display:flex;gap:6px;align-items:center;margin-top:6px}.qty button{width:28px;height:28px;border:1px solid #cbdbe7;background:white;border-radius:6px}.total{border-top:2px solid #dce7ef;padding:12px 0;font-size:21px;font-weight:900;display:flex;justify-content:space-between}.pay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.pay button{padding:12px;border:2px solid #d4e1eb;background:white;border-radius:8px;font-weight:800}.pay .on{border-color:#087be8;background:#eef7ff}.cash input{width:100%;padding:12px;border:1px solid #bfd0de;border-radius:8px;margin-top:6px}.change{margin:8px 0;padding:10px;background:#e2f8ed;color:#087443;border-radius:8px;font-weight:800}.orders{display:grid;gap:12px}.order{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;background:white;border:1px solid #d4e1eb;border-left:5px solid #ffb900;border-radius:10px;padding:16px}.num{font-size:24px;font-weight:900}.success-screen{min-height:calc(100vh - 64px);display:grid;place-items:center;background:#00423e;color:white;text-align:center}.check{font-size:80px}.admin{display:grid;grid-template-columns:190px 1fr;gap:14px}.menu{padding:10px;background:white;border:1px solid #d4e1eb;border-radius:12px}.menu button{width:100%;padding:12px;border:0;background:transparent;text-align:left;border-radius:7px;font-weight:750}.menu .on{background:#087be8;color:white}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #e1eaf0;text-align:left}.table th{background:#eff6fb}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.empty{text-align:center;padding:30px;color:#718393}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center}.modalbox{background:white;border-radius:14px;padding:22px;width:min(430px,92vw)}.modalbox input{width:100%;padding:11px;margin:6px 0 12px;border:1px solid #bfd0de;border-radius:8px}.actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:1000px){.sale{grid-template-columns:120px 1fr}.cart{grid-column:1/-1;min-height:300px}.admin{grid-template-columns:1fr}}@media(max-width:700px){.page{padding:10px}.sale{grid-template-columns:1fr}.cats{display:flex;overflow:auto}.cat{min-width:max-content;width:auto}.prodgrid{grid-template-columns:repeat(2,1fr)}.order{grid-template-columns:1fr}}