:root{--bg:#f4f6fb;--dark:#101828;--card:#fff;--line:#e5e7eb;--pri:#0f766e;--red:#dc2626;--green:#16a34a;--blue:#2563eb;--orange:#ea580c;--purple:#7c3aed;--text:#111827}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app-shell{min-height:100vh}.main{min-height:100vh}.top{min-height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 18px;position:sticky;top:0;z-index:20;box-shadow:0 8px 30px rgba(16,24,40,.06)}.brand-touch{font-size:26px;font-weight:1000;letter-spacing:-.6px;color:#0f172a;white-space:nowrap}.top-center{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;flex-wrap:wrap}.userbox-top{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:8px 12px;font-weight:900;white-space:nowrap}.userbox-top small{display:block;color:#667085;font-size:12px}.content{padding:22px;max-width:1480px;margin:0 auto}.pill{background:#eef2ff;color:#3730a3;border-radius:999px;padding:9px 13px;font-weight:900}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 8px 26px rgba(16,24,40,.06);margin-bottom:16px}.soft{background:#f8fafc}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.touch-menu{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:18px;margin:18px auto}.tile{border:0;border-radius:28px;padding:26px;min-height:132px;text-decoration:none;color:#111827;background:white;box-shadow:0 10px 32px rgba(16,24,40,.09);display:flex;flex-direction:column;gap:10px;justify-content:center;font-weight:1000;font-size:23px;line-height:1.15}.tile small{font-size:14px;font-weight:800;color:#667085}.tile.green{background:#ecfdf3}.tile.red{background:#fef3f2}.tile.blue{background:#eff6ff}.tile.orange{background:#fff7ed}.tile.purple{background:#f5f3ff}.btn,button{border:0;border-radius:17px;padding:14px 20px;background:var(--pri);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:1000;cursor:pointer;font-size:17px;min-height:52px}.btn.small,button.small{padding:9px 13px;font-size:14px;min-height:38px}.btn.danger,button.danger{background:var(--red)}.btn.blue,button.blue{background:var(--blue)}.btn.gray,button.gray{background:#475467}.btn.orange,button.orange{background:var(--orange)}.btn.green,button.green{background:var(--green)}.btn.purple,button.purple{background:var(--purple)}.btn.light,button.light{background:#e5e7eb;color:#111827}input,select,textarea{width:100%;padding:15px;border:1px solid #d0d5dd;border-radius:16px;font-size:18px;background:white}textarea{min-height:90px}label{font-weight:1000;display:block;margin:10px 0 7px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#101828;color:white}.alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:15px;margin-bottom:16px;font-weight:900}.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.category-tabs a,.category-tabs button{background:#fff;color:#111827;border:2px solid #e5e7eb;box-shadow:0 6px 18px rgba(16,24,40,.05);min-width:124px}.category-tabs .active{background:#0f766e;color:#fff;border-color:#0f766e}.touch-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-btn{min-height:112px;background:#fff;border:2px solid #e5e7eb;color:#111827;border-radius:25px;font-size:19px;box-shadow:0 7px 18px rgba(16,24,40,.06);flex-direction:column}.product-btn small{font-size:15px;color:#0f766e;font-weight:1000}.qtybox{display:flex;gap:8px}.qtybox button{min-width:58px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#101828,#0f766e)}.login-card{width:min(460px,92vw);background:white;border-radius:30px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.3)}.login-card h1{font-size:42px;margin:0 0 8px}.muted{color:#667085}.right{text-align:right}.center{text-align:center}.big-total{font-size:46px;font-weight:1000}.hidden{display:none!important}.actionbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.keyboard-panel{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(1120px,96vw);background:#111827;color:#fff;border-radius:24px;padding:16px;box-shadow:0 20px 80px rgba(0,0,0,.35);z-index:100;display:none}.keyboard-panel.active{display:block}.keyboard-row{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-bottom:8px}.key{background:#344054;color:#fff;border-radius:14px;min-height:48px;padding:8px;font-size:18px}.key.wide{grid-column:span 2}.key.space{grid-column:span 5}.key.green{background:#16a34a}.key.red{background:#dc2626}.key.blue{background:#2563eb}.kbd-status{font-weight:900;margin:0 0 10px;color:#d1d5db}.receipt-preview{white-space:pre-wrap;background:#111827;color:#fff;border-radius:16px;padding:14px;font-family:Consolas,monospace;max-height:420px;overflow:auto}.menu-hint{font-weight:900;color:#667085;margin-top:4px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-weight:1000;background:#eef2ff;color:#3730a3}.danger-zone{border:2px dashed #fecaca;background:#fff1f2}.no-print{}@media(max-width:1150px){.touch-menu,.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-products{grid-template-columns:repeat(3,minmax(0,1fr))}.top{align-items:flex-start}.top-center{justify-content:flex-start}}@media(max-width:850px){.touch-menu,.grid,.grid3,.row4,.row3{grid-template-columns:repeat(2,minmax(0,1fr))}.touch-products{grid-template-columns:repeat(2,minmax(0,1fr))}.row,.grid2{grid-template-columns:1fr}.top{flex-wrap:wrap}.brand-touch{width:100%}.content{padding:14px}.keyboard-row{grid-template-columns:repeat(6,1fr)}}@media(max-width:560px){.touch-menu,.grid,.grid3,.row4,.row3,.touch-products{grid-template-columns:1fr}.tile{min-height:110px}.top-center{width:100%}.pill{display:none}.big-total{font-size:36px}.keyboard-row{grid-template-columns:repeat(4,1fr)}}@media print{.top,.no-print,.keyboard-panel{display:none!important}.main{margin:0}.card{box-shadow:none;border:0}.content{padding:0}body{background:white}.receipt{width:80mm;font-size:12px}}