:root{--accent: #435ca7;--accent-dark: #35467f;--bg: #f4f6fb;--card: #ffffff;--text: #1e2433;--muted: #6b7280;--error: #b42318;--ok: #157347;--border: #e2e6f0;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text)}.mk-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.mk-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:100%;max-width:440px;box-shadow:0 8px 28px #435ca71f}.mk-card.wide{max-width:720px}.mk-title{margin:0 0 4px;font-size:1.5rem}.mk-sub{margin:0 0 20px;color:var(--muted)}.mk-field{display:block;margin-bottom:14px}.mk-field span{display:block;font-size:.85rem;margin-bottom:6px}.mk-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:1rem}.mk-btn{width:100%;padding:11px 12px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer}.mk-btn:hover{background:var(--accent-dark)}.mk-btn:disabled{opacity:.6;cursor:default}.mk-error{background:#fdecea;color:var(--error);border-radius:8px;padding:10px 12px;margin-bottom:14px}.mk-ok{background:#e6f4ec;color:var(--ok);border-radius:8px;padding:10px 12px;margin-bottom:14px}.mk-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;background:#eef1f9;color:var(--accent-dark)}@media (max-width: 480px){.mk-page{padding:12px;align-items:flex-start}.mk-card{padding:20px 16px}.mk-card.wide{max-width:100%}.mk-title{font-size:1.25rem}.mk-input,.mk-btn{font-size:16px}}.mk-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.mk-btn-link{display:inline-block;text-align:center;text-decoration:none;width:auto;flex:1}.mk-btn-secondary{background:#eef1f9;color:var(--accent-dark);width:auto;flex:1}.mk-btn-secondary:hover{background:#dfe4f3}.mk-btn-small{width:auto;padding:8px 12px;font-size:.9rem}.mk-btn-danger{background:#fdecea;color:var(--error)}.mk-btn-danger:hover{background:#f9d5d1}.mk-link{color:var(--accent-dark);text-decoration:none;font-weight:600}.mk-muted{color:var(--muted);font-size:.85rem}.mk-warn{background:#fff7e6;color:#8a5a00;border-radius:8px;padding:10px 12px;margin-top:10px}.mk-sync-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.mk-badge-warn{background:#fff3d6;color:#8a5a00}.mk-badge-error{background:#fdecea;color:var(--error)}.mk-row{display:flex;gap:8px}.mk-row .mk-input{flex:1;min-width:0}.mk-list{list-style:none;margin:12px 0 0;padding:0}.mk-list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--border);flex-wrap:wrap}.mk-section-title{margin:0 0 12px;font-size:1.1rem}.mk-pos{min-height:100vh;padding:16px;max-width:1100px;margin:0 auto}.mk-pos-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.mk-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.mk-pos-grid .mk-card{max-width:none}.mk-product .mk-btn{flex-shrink:0}.mk-cart-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mk-qty{width:76px;padding:8px;text-align:center}.mk-totals{margin:16px 0}.mk-total-row{display:flex;justify-content:space-between;padding:6px 0}.mk-total-grand{font-size:1.25rem;border-top:1px solid var(--border);padding-top:10px}.mk-total-missing{color:var(--error)}@media (max-width: 860px){.mk-pos-grid{grid-template-columns:1fr}.mk-pos{padding:12px}.mk-row{flex-direction:column}.mk-actions .mk-btn,.mk-actions .mk-btn-link{flex:1 1 100%}}