:root{--color-bg: #ffffff;--color-fg: #0a0a0a;--color-muted: #6b6b6b;--color-primary: #cc0000;--color-primary-hover: #a30000;--color-primary-soft: #ffe5e5;--color-surface: #f7f7f7;--color-border: #e3e3e3;--color-danger: #cc0000;--color-success: #1f7a3a;--color-warning: #b8860b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 12px 32px rgba(0,0,0,.14);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--header-h: 56px;--transition: .15s ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}.app-shell{min-height:100vh;display:grid;grid-template-rows:var(--header-h) 1fr;background:var(--color-surface)}.app-header{background:#0a0a0a;color:#fff;display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-4);border-bottom:3px solid var(--color-primary)}.app-header h1{font-size:1.05rem;margin:0;font-weight:700;letter-spacing:.04em}.app-header h1 .accent{color:var(--color-primary)}.app-header nav{display:flex;gap:var(--space-2);margin-left:auto}.app-header a,.app-header button{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:var(--radius-sm);text-decoration:none;font-size:.9rem;cursor:pointer}.app-header a:hover,.app-header button:hover{border-color:var(--color-primary);color:var(--color-primary)}.app-main{padding:var(--space-4);max-width:1400px;margin:0 auto;width:100%}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-4)}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:.78rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.form-field input,.form-field select{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;min-height:42px;transition:border-color var(--transition)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-field .field-error{color:var(--color-danger);font-size:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-fg);color:#fff;cursor:pointer;font-weight:600;min-height:44px;transition:background var(--transition),transform var(--transition)}.btn:hover:not(:disabled){background:#1f1f1f}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-ghost{background:transparent;color:var(--color-fg);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-surface)}.btn-danger{background:var(--color-danger)}.btn-sm{padding:6px 10px;min-height:32px;font-size:.85rem}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-surface);color:var(--color-fg)}.badge.online{background:#e6f5ec;color:var(--color-success)}.badge.offline{background:#ffe5e5;color:var(--color-primary)}.totals-panel{display:grid;gap:var(--space-2);background:#0a0a0a;color:#fff;padding:var(--space-4);border-radius:var(--radius-md);position:sticky;top:var(--space-4)}.totals-panel .row{display:flex;justify-content:space-between;font-size:.95rem}.totals-panel .row.total{font-size:1.4rem;font-weight:800;color:var(--color-primary);border-top:1px solid rgba(255,255,255,.15);padding-top:var(--space-2)}.product-row{display:grid;grid-template-columns:1fr auto auto auto auto auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.product-row .desc{font-weight:500}.product-row .ref{color:var(--color-muted);font-size:.8rem}.wizard-tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.wizard-tabs .tab{flex:1;padding:12px 8px;background:transparent;border:none;color:var(--color-muted);font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:color var(--transition),border-color var(--transition);text-align:center}.wizard-tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.wizard-tabs .tab:disabled{opacity:.4;cursor:not-allowed}.wizard-panel{display:none}.wizard-panel.active{display:block}.layout-pos{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4);align-items:start}.list-table{width:100%;border-collapse:collapse}.list-table th,.list-table td{padding:8px 10px;border-bottom:1px solid var(--color-border);text-align:left;font-size:.9rem}.list-table th{background:var(--color-surface);color:var(--color-muted);font-weight:600}.list-table tr.expanded{background:#fffaf7}.autocomplete{position:relative}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:240px;overflow-y:auto;z-index:20;box-shadow:var(--shadow-md)}.autocomplete-list li{padding:8px 12px;cursor:pointer}.autocomplete-list li:hover,.autocomplete-list li.active{background:var(--color-primary-soft)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:100;display:grid;gap:8px}.toast{background:#0a0a0a;color:#fff;padding:10px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-width:320px}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-danger)}.modal-backdrop{position:fixed;inset:0;background:#0a0a0a80;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.modal{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);max-width:600px;width:100%;box-shadow:var(--shadow-lg)}.payment-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.payment-method{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:grid;gap:6px}.payment-method input{font-size:1.1rem;font-weight:700}@media(max-width:900px){.layout-pos{grid-template-columns:1fr}.totals-panel{position:static}.product-row{grid-template-columns:1fr 1fr}}.receipt-printable{display:none}@media print{@page{size:letter;margin:18mm}html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.receipt-printable,.receipt-printable *{visibility:visible!important}.receipt-printable{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;font-family:Arial,sans-serif}.receipt-printable h1{font-size:22pt;margin:0 0 4pt;color:#000}.receipt-printable h2{font-size:12pt;margin:0 0 12pt;color:#555}.receipt-printable table{width:100%;border-collapse:collapse;font-size:10pt;margin-top:8pt}.receipt-printable th,.receipt-printable td{border:1px solid #ccc;padding:4pt 6pt;text-align:left}.receipt-printable th{background:#eee}.receipt-printable .totals{margin-top:10pt;font-size:11pt}.receipt-printable .totals .row{display:flex;justify-content:space-between;padding:2pt 0}.receipt-printable .totals .grand{font-weight:700;font-size:13pt;border-top:1pt solid #000;padding-top:4pt}.receipt-printable .meta{display:grid;grid-template-columns:1fr 1fr;gap:8pt;font-size:10pt;margin-bottom:8pt}.receipt-printable .footer{margin-top:14pt;font-size:9pt;text-align:center;color:#666}.no-print{display:none!important}}