:root{--brand:#4f46e5;--brand-hover:#4338ca;--brand-soft:#eef2ff;--bg:#f4f5f7;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--input-bg:#ffffff;--th-bg:#f9fafb;--sidebar-bg:#111827;--sidebar-text:#cbd5e1;--sidebar-active:#1f2937}[data-theme=indigo]{--brand:#4f46e5;--brand-hover:#4338ca;--brand-soft:#eef2ff}[data-theme=blue]{--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff6ff}[data-theme=emerald]{--brand:#059669;--brand-hover:#047857;--brand-soft:#ecfdf5}[data-theme=teal]{--brand:#0d9488;--brand-hover:#0f766e;--brand-soft:#f0fdfa}[data-theme=violet]{--brand:#7c3aed;--brand-hover:#6d28d9;--brand-soft:#f5f3ff}[data-theme=rose]{--brand:#e11d48;--brand-hover:#be123c;--brand-soft:#fff1f2}[data-theme=amber]{--brand:#d97706;--brand-hover:#b45309;--brand-soft:#fffbeb}[data-theme=slate]{--brand:#475569;--brand-hover:#334155;--brand-soft:#f1f5f9}[data-mode=dark]{--bg:#0f172a;--card:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--border:#334155;--input-bg:#0f172a;--th-bg:#243244;--sidebar-bg:#020617;--sidebar-text:#cbd5e1;--sidebar-active:#1e293b;--brand-soft:#1e293b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:20px}.sidebar h1{font-size:18px;margin:0 0 24px;color:#fff}.sidebar a{display:block;color:var(--sidebar-text);text-decoration:none;padding:10px 8px;border-radius:6px}.sidebar a:hover,.sidebar a.active{background:var(--sidebar-active);color:#fff}.content{flex:1;padding:32px}.card{background:var(--card);color:var(--text);border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000001a;max-width:420px;margin:80px auto;border:1px solid var(--border)}input,select,button{font-size:14px;padding:10px;border-radius:6px;border:1px solid var(--border);width:100%;margin-top:8px;background:var(--input-bg);color:var(--text)}button{background:var(--brand);color:#fff;border:none;cursor:pointer;margin-top:16px}button:hover{background:var(--brand-hover)}table{width:100%;border-collapse:collapse;background:var(--card);color:var(--text);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{background:var(--th-bg)}.error{color:#ef4444;margin-top:12px}.muted{color:var(--muted)}.badge{display:inline-block;background:var(--brand-soft);color:var(--brand);padding:2px 8px;border-radius:12px;font-size:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:30px;overflow:auto;z-index:50}.receipt{background:#fff;width:320px;padding:18px;font-family:Courier New,monospace;font-size:12px;color:#111}.receipt h3{text-align:center;margin:0 0 2px;font-size:15px}.receipt .muted{color:#444;font-size:11px}.receipt table{width:100%}.receipt td,.receipt th{border:none;padding:2px 0;font-size:11px}.receipt hr{border:none;border-top:1px dashed #999;margin:8px 0}.receipt .tot{display:flex;justify-content:space-between}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.kpi{background:var(--card);color:var(--text);border-radius:10px;padding:18px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border)}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:24px;font-weight:700;margin-top:4px}.bar-row{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.bar{height:16px;background:var(--brand);border-radius:3px}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:absolute;left:0;top:0;width:100%;box-shadow:none}.no-print{display:none!important}}.table-wrap{overflow-x:auto}.caja-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.caja-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.prod-card{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;min-height:92px;margin:0;color:var(--text);transition:transform .05s}.prod-card:hover{border-color:var(--brand)}.prod-card:active{transform:scale(.97)}.pc-name{font-weight:600;font-size:14px}.pc-sku{font-size:11px;color:var(--muted);margin:2px 0}.pc-price{font-size:16px;font-weight:700;color:var(--brand)}.caja-ticket{background:var(--card);color:var(--text);border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000001a;position:sticky;top:12px;border:1px solid var(--border)}.ticket-items{max-height:46vh;overflow-y:auto}.ticket-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.qty-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:var(--th-bg);font-size:20px;margin:0;cursor:pointer;padding:0;color:var(--text)}.caja-total{display:flex;justify-content:space-between;font-size:22px;margin:14px 0}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-btn{margin:0;background:var(--th-bg);color:var(--text);font-size:15px;padding:14px;border:1px solid var(--border)}.pay-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.cobrar-btn{margin-top:12px;font-size:20px;padding:18px;background:#059669}.cobrar-btn:hover{background:#047857}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sidebar h1{width:100%;margin:0 0 8px;font-size:16px}.sidebar a{padding:8px 10px}.content{padding:16px}.caja-grid{grid-template-columns:1fr}.caja-ticket{position:static}[style*=grid-template-columns]{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 560px){.card{margin:40px 12px}.kpi .value{font-size:20px}}