body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:#dfe4ea;margin:0;color:#1e293b;font-size:13px;line-height:1.35}
.topbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #b9c6d8;background:#d9dee5}
.top-right{margin-left:auto;display:flex;gap:6px;align-items:center}
.inline-form{margin:0}
.tab,.btn,select,input,.label{border:1px solid #b9c6d8;background:#f7f9fc;padding:6px 8px;font-size:13px;text-decoration:none;color:#1e293b;height:32px;box-sizing:border-box}
.tab.active{border-color:#4f46e5;background:#eef2ff}
.btn.primary{background:#4f46e5;color:#fff;border-color:#4f46e5}
.view{padding:0}
.register-grid{display:grid;grid-template-columns:41% 59%;min-height:calc(100vh - 45px)}
.left{border-right:1px solid #b9c6d8;background:#e6ebf1}
.right{background:#e6ebf1}
.panel{border-bottom:1px solid #b9c6d8;padding:8px}
.cart-panel{max-height:300px;overflow:auto;background:#fff}
.total-panel{background:#d8e7ef}
#grandTotal{font-size:40px;font-weight:700;letter-spacing:.3px}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{border-bottom:1px solid #d2dbe7;padding:5px;font-size:12px;text-align:left}
.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.tile{border-right:1px solid #b9c6d8;border-bottom:1px solid #b9c6d8;background:#fff;padding:7px;cursor:pointer;min-height:92px}
.tile .thumb{width:100%;height:72px;object-fit:cover;border:1px solid #d2dbe7;background:#f8fafc;margin-bottom:6px}
.tile .thumb-fallback{width:100%;height:72px;border:1px solid #d2dbe7;background:#f8fafc;color:#94a3b8;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:11px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}
.category-row{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.category-row .btn{height:30px;padding:4px 10px}
.hidden{display:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.modal{position:fixed;inset:0;background:rgba(17,24,39,.42);padding-top:80px}
.modal-box{max-width:760px;width:100%;margin:0 auto;background:#fff;border:1px solid #b9c6d8;padding:10px}
.modal-box.small{max-width:360px}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.label{display:flex;align-items:center}
.img-preview{width:100%;height:90px;object-fit:cover;border:1px solid #d2dbe7;background:#f8fafc}

.auth-body{background:#eef1f5}
.auth-box{max-width:420px;margin:90px auto;background:#fff;border:1px solid #cbd5e1;padding:20px}
.auth-box input,.auth-box .btn{width:100%;margin-top:8px}
.error{color:#b91c1c;font-size:13px}
.hint{font-size:12px;color:#64748b;margin-top:10px}