:root{--bg:#f4f1ea;--ink:#1c241c;--muted:#5c6758;--line:#d7d2c6;--accent:#1f4d3a;--accent-2:#16382b;--card:#fffcf7;--danger:#8a2f2f;--ok:#2f6b4f;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.mx-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.mx-nav{background:var(--accent);color:#f7f3ea;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.mx-brand{font-weight:700;letter-spacing:.08em;font-size:13px;margin-bottom:18px}.mx-nav a,.mx-nav span.disabled{display:block;padding:8px 10px;border-radius:6px;color:#e7efe8;opacity:.9}.mx-nav a:hover{background:rgba(255,255,255,.08)}.mx-nav a.active{background:rgba(255,255,255,.14)}.mx-nav span.disabled{opacity:.35}.mx-main{display:flex;flex-direction:column;min-width:0}.mx-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--card)}.mx-content{padding:24px}.mx-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px}.mx-login{min-height:100vh;display:grid;place-items:center;padding:24px}.mx-login .mx-card{width:100%;max-width:380px}.mx-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px}.mx-field input,.mx-field select{border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:6px}.mx-btn{border:0;border-radius:6px;padding:10px 14px;cursor:pointer}.mx-btn-primary{background:var(--accent);color:#fff}.mx-btn-primary:hover{background:var(--accent-2)}.mx-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.mx-muted{color:var(--muted);font-size:14px}.mx-error{color:var(--danger);font-size:14px}.mx-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:16px 0}.mx-toolbar .mx-field{margin:0;min-width:180px}.mx-table{width:100%;border-collapse:collapse;font-size:14px}.mx-table td,.mx-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.mx-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.mx-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#e7efe8;color:var(--accent-2)}.mx-badge-off{background:#f3e4e4;color:var(--danger)}.mx-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mx-stack{display:grid;grid-gap:16px;gap:16px}.mx-textarea{border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:6px;min-height:90px;font:inherit}h1{font-size:22px;font-weight:650;margin:0 0 8px}h2{font-size:16px;margin:0 0 12px}.mx-pos{display:grid;grid-gap:12px;gap:12px}.mx-pos-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.mx-pos-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-gap:12px;gap:12px;align-items:stretch}.mx-pos-scan input{font-size:18px;letter-spacing:.04em}.mx-pos-hits{display:grid;grid-gap:8px;gap:8px;max-height:360px;overflow:auto}.mx-pos-hit{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;cursor:pointer}.mx-pos-hit:hover{border-color:var(--accent)}.mx-pos-cart{display:grid;grid-gap:10px;gap:10px}.mx-pos-line{display:grid;grid-gap:6px;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}.mx-pos-line-top{display:flex;justify-content:space-between;gap:8px}.mx-pos-qty{display:flex;align-items:center;gap:8px}.mx-pos-qty button{width:32px}.mx-pos-foot{display:grid;grid-gap:8px;gap:8px}.mx-pos-total-row{display:flex;justify-content:space-between;font-size:14px}.mx-pos-pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:8px;gap:8px;margin:12px 0}@media (max-width:960px){.mx-pos-grid,.mx-shell{grid-template-columns:1fr}}