:root{--bg:#f4f5f7;--card:#fff;--border:#e3e6ea;--text:#1f2430;--muted:#7a8290;--primary:#2d6cdf;--primary-d:#2257ba;--green:#149a5a;--red:#d33a3a;--warn-bg:#fff6e5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:1.5rem}h2{margin:0 0 14px;font-size:1.1rem}.muted{color:var(--muted)}.green{color:var(--green)}.danger{color:var(--red)}.topbar{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:12px 24px;display:flex}.brand{font-size:1.1rem;font-weight:700}.nav{flex:1;gap:6px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:8px 14px;font-weight:500;text-decoration:none}.nav a.active{color:var(--primary);background:#eaf1fd}.user{align-items:center;gap:12px;display:flex}.content{max-width:1000px;margin:24px auto;padding:0 16px}.page-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{margin:6px 0;font-size:1.8rem;font-weight:700}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;font-size:.92rem}.table th{color:var(--muted);font-weight:600}.row-warn{background:var(--warn-bg)}.tag{background:var(--red);color:#fff;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:.7rem}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}label.block{max-width:320px;margin-bottom:14px}input,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:9px 10px;font-size:.95rem}.form-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.form-actions{align-items:center;gap:10px;margin-top:14px;display:flex}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.btn:hover{background:var(--primary-d)}.btn:disabled{opacity:.6;cursor:default}.btn-lg{padding:12px 28px;font-size:1rem}.btn-ghost{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;padding:9px 16px}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:.88rem}.link.danger{color:var(--red)}.actions{white-space:nowrap}.error{color:var(--red);background:#fdeaea;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:.9rem}.success{color:var(--green);background:#e6f6ee;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:.9rem}.seg{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:#fff;border:none;padding:8px 16px}.seg button.active{background:var(--primary);color:#fff}.cashier{align-items:center;gap:10px;margin-bottom:16px;display:flex}.cashier select{flex:1}.checkout{justify-content:flex-end;align-items:center;gap:20px;margin-top:12px;display:flex}.total{font-size:1.3rem;font-weight:700}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login{text-align:center;width:340px}.login h1{margin-bottom:4px}.login label{text-align:left;margin-top:14px}.login .btn{width:100%;margin-top:20px}