*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f4f6f8;color:#17202a}button,input{font:inherit}button{cursor:pointer}.center,.activation-screen{min-height:100vh;display:grid;place-items:center;gap:12px;padding:28px;text-align:center}.activation-card{width:min(520px,calc(100vw - 40px));display:grid;gap:18px;border:1px solid #d4dde5;border-radius:8px;background:#fff;padding:28px;text-align:center}.activation-card p,.center p,.sidebar p,.workbench header p,.new-order header p{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;color:#2f6f89}.activation-card h1,.center h1{margin:0;font-size:42px;letter-spacing:0}.activation-card span,.center span{color:#66727b}.activation-card label,.new-order label{display:grid;gap:8px;text-align:left;color:#344451;font-weight:800}.activation-card input,.new-order input{border:1px solid #c7d3dc;border-radius:8px;background:#fbfdff;color:#17202a;padding:13px}.activation-card input{text-transform:uppercase;letter-spacing:.08em;font-size:22px}.activation-card button,.center button,.sidebar button,.workbench header button,.actions button,.submit-row button{border:0;border-radius:8px;background:#2f6f89;color:#fff;font-weight:900;padding:12px 14px}.activation-card button:disabled,.actions button:disabled,.submit-row button:disabled{opacity:.65}.version-badge{display:inline-flex;width:max-content;border:1px solid #b8d3df;border-radius:999px;background:#fff;color:#2f6f89;padding:5px 10px;font-size:12px;font-weight:900}.alert,.notice{border-radius:8px;padding:12px}.alert{border:1px solid #e6a23c;background:#fff8e8;color:#5c3b05}.notice{border:1px solid #8ac7a4;background:#eefaf3;color:#174d2b}.cashier-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr) 380px}.sidebar{display:flex;flex-direction:column;gap:14px;background:#101827;color:#f8fafc;padding:22px}.sidebar h1{margin:0;font-size:36px}.sidebar span{color:#cbd5e1}.sidebar .ghost,.ghost{background:#e8eef4!important;color:#253244!important}.workbench{display:grid;gap:16px;align-content:start;padding:22px}.workbench header,.new-order header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workbench h2,.new-order h2,.detail-panel h2{margin:2px 0 0;font-size:28px}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tabs button{border:1px solid #d5e0e8;border-radius:8px;background:#fff;color:#344451;padding:11px;text-align:left;font-weight:800}.tabs button.active{border-color:#2f6f89;background:#edf8fb}.tabs strong{float:right}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.order-card button{width:100%;display:grid;gap:6px;border:1px solid #dbe4eb;border-radius:8px;background:#fff;text-align:left;padding:14px}.order-card.active button{border-color:#2f6f89;box-shadow:0 0 0 2px #d8edf4}.order-card strong{font-size:24px}.order-card span,.order-card small,.empty{color:#66727b}.order-card b{font-size:18px}.detail-panel{border-left:1px solid #d8e0e7;background:#fff;min-height:100vh;padding:22px;display:grid;gap:16px;align-content:start}.detail-panel p{margin:0;color:#66727b}.totals{display:grid;gap:8px;border:1px solid #e1e8ee;border-radius:8px;background:#f8fafc;padding:12px}.totals span{display:flex;justify-content:space-between}.detail-panel section{display:grid;gap:9px;border-top:1px solid #edf1f5;padding-top:14px}.detail-panel h3{margin:0}.line-item{display:grid;gap:3px;border:1px solid #edf1f5;border-radius:8px;padding:10px}.line-item small,.detail-panel section small{color:#66727b}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{border:1px solid #dbe4eb;border-radius:999px;background:#f8fafc;padding:6px 9px;font-size:12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .danger{background:#9f3131}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0f172a7a;display:grid;place-items:center;padding:20px}.new-order{width:min(1060px,100%);max-height:calc(100vh - 40px);overflow:auto;display:grid;gap:15px;border:1px solid #d4dde5;border-radius:8px;background:#fff;padding:20px}.category-tabs,.payment-options{display:flex;gap:8px;flex-wrap:wrap}.category-tabs button,.payment-options button{border:1px solid #d5e0e8;border-radius:999px;background:#fff;color:#344451;padding:9px 12px;font-weight:800}.category-tabs button.active,.payment-options button.active{border-color:#2f6f89;background:#edf8fb}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-grid button{display:grid;gap:4px;border:1px solid #dbe4eb;border-radius:8px;background:#fff;text-align:left;padding:12px}.cart{display:grid;gap:8px;border:1px solid #e1e8ee;border-radius:8px;background:#f8fafc;padding:12px}.cart h3{margin:0}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-top:1px solid #e1e8ee;padding-top:8px}.cart-row div{display:flex;gap:8px;align-items:center}.cart-row button{width:30px;height:30px;border:0;border-radius:50%;background:#e2edf3}.submit-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e8ee;padding-top:14px}.submit-row strong{font-size:28px}@media(max-width:1180px){.cashier-shell{grid-template-columns:200px 1fr}.detail-panel{grid-column:1/-1;min-height:auto;border-left:0;border-top:1px solid #d8e0e7}.orders-grid{grid-template-columns:1fr}}@media(max-width:760px){.cashier-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.tabs,.product-grid{grid-template-columns:1fr}.workbench header,.new-order header,.submit-row{display:grid}.cart-row,.actions{grid-template-columns:1fr}}
