*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f6f6f8;color:#211b28}header{height:68px;background:#3c145b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header strong{font-size:22px}nav{display:flex;gap:22px}nav a{color:#fff;text-decoration:none;font-weight:700}main{max-width:1500px;margin:auto;padding:26px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0 0 4px}button{background:#5b2382;color:white;border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.search{display:flex;gap:8px;margin-bottom:18px}.search input{flex:1;padding:13px;border:1px solid #ddd;border-radius:10px}.table{background:#fff;border-radius:14px;overflow:auto;border:1px solid #eee}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.product-cell{display:flex;gap:10px;align-items:center;min-width:300px}.product-cell img{width:48px;height:48px;object-fit:cover;border-radius:9px}.product-cell small{display:block;color:#777}.alert{padding:13px 16px;border-radius:10px;margin-bottom:16px}.success{background:#e9f8ee}.warning{background:#fff4d8}.pos-grid{display:grid;grid-template-columns:1fr 390px;gap:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.product-card{background:#fff;color:#222;border:1px solid #eee;text-align:left;display:flex;flex-direction:column;gap:7px;min-height:230px}.product-card img{width:100%;height:130px;object-fit:contain;background:#fafafa;border-radius:8px}.product-card span{font-size:18px;font-weight:900;color:#5b2382}.product-card small{color:#666}.cart{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;height:fit-content;position:sticky;top:12px}.cart-line{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #eee}.cart-line small{display:block;color:#666}.qty{display:flex;align-items:center;gap:8px}.qty button{padding:5px 9px}.cart label{display:block;margin-top:12px;font-weight:700}.cart input,.cart select{width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:8px}.total{font-size:20px;margin:20px 0}.finish{width:100%;font-size:17px;padding:14px}@media(max-width:900px){.pos-grid{grid-template-columns:1fr}.cart{position:static}header{padding:0 14px}main{padding:14px}.cards{grid-template-columns:repeat(2,1fr)}}