@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@700;800;900&display=swap";.layout{display:flex;height:100%}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-paper-lowest);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-lg) var(--space-md);gap:var(--space-lg)}.marca{display:flex;flex-direction:column;gap:4px;padding:0 var(--space-xs)}.marca img{width:120px;object-fit:contain}.marca-sub{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;text-transform:uppercase;color:var(--color-ink-muted);letter-spacing:.08em}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);text-decoration:none;color:var(--color-ink-muted);font-weight:500;font-size:var(--text-sm)}.nav-item:hover{background:var(--color-paper-2);color:var(--color-ink)}.nav-item.active{background:var(--color-accent-soft);color:var(--color-accent-soft-ink);font-weight:700}.nav-item.accion{border:1px dashed var(--color-accent);color:var(--color-accent);margin-bottom:var(--space-sm)}.nav-item.accion:hover{background:var(--color-accent-soft)}.pie{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--color-border);padding-top:var(--space-md)}.usuario-nombre{font-weight:700;font-size:var(--text-sm)}.usuario-rol{font-size:var(--text-xs);color:var(--color-ink-muted);margin-bottom:var(--space-xs)}.contenido{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-2xl);min-width:0}.login-fondo{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,var(--color-accent-soft),transparent 55%),var(--color-paper)}.login-tarjeta{width:360px;padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md)}.login-logo{width:160px;align-self:center}.login-titulo{margin:0;text-align:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted)}.login-tarjeta label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--color-ink-muted)}.login-error{margin:0;color:var(--color-danger-ink);background:var(--color-danger-bg);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.listado-cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.listado-buscador{max-width:340px}.listado-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.listado-filtros{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.listado-tabla{overflow-x:auto}.consecutivo{font-weight:700;text-decoration:none}.consecutivo:hover{text-decoration:underline}.qb-num{color:var(--color-qb-green);font-weight:700;text-decoration:none}.qb-num:hover{text-decoration:underline}.listado-acciones-fila{display:flex;gap:var(--space-sm);align-items:center}.listado-acciones-fila a{text-decoration:none}.listado-eliminar{color:var(--color-danger-ink);padding:2px 6px}.listado-eliminar:hover{background:var(--color-danger-bg)}.editor{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1100px}.editor h1{margin-bottom:0}.editor-seccion{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.editor-seccion h2{font-size:var(--text-lg);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.editor-variantes{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.editor-fila{display:flex;gap:var(--space-sm);align-items:center}.editor-fila select{max-width:380px}.editor-nuevo-cliente{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-md)}.editor-nuevo-cliente .btn-primary{grid-column:1 / -1;justify-self:start}.editor-catalogo{display:flex;flex-direction:column;gap:var(--space-sm)}.editor-etiqueta{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:600}.editor-productos{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.editor-producto{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--color-paper-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-weight:600;font-size:var(--text-sm);text-align:left}.editor-producto:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.editor-producto small{font-weight:400;color:var(--color-ink-muted)}.empty-inline{font-size:var(--text-sm);color:var(--color-ink-dim)}.editor-items{margin-top:var(--space-md)}.editor-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.editor-grid4 label,.editor-seccion>label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--color-ink-muted)}.editor-check{flex-direction:row!important;align-items:center;gap:var(--space-xs)!important}.editor-check input{width:auto}.editor-pie{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);position:sticky;bottom:0}.editor-totales{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.editor-totales>div{display:flex;gap:var(--space-lg);justify-content:space-between;min-width:300px}.editor-totales span{color:var(--color-ink-muted)}.editor-total strong{font-size:var(--text-lg);color:var(--color-accent)}.editor-guardar{align-self:flex-start;padding:var(--space-sm) var(--space-xl)}.editor-select-producto{min-width:250px}.editor-items td:first-child{padding-right:var(--space-xs)}.detalle{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1100px}.detalle-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.detalle-consulta{margin:0 0 var(--space-xs);font-size:var(--text-sm)}.detalle-consulta a{text-decoration:none}.detalle-sub{margin:var(--space-xs) 0 0;color:var(--color-ink-muted)}.detalle-acciones{display:flex;align-items:center;gap:var(--space-sm)}.detalle-acciones a{text-decoration:none}.detalle-ok{margin:0;padding:var(--space-sm) var(--space-md);background:var(--color-success-bg);color:var(--color-success-ink);border-radius:var(--radius-md);font-weight:600}.detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media(max-width:900px){.detalle-grid{grid-template-columns:1fr}}.detalle-seccion{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.detalle-seccion h2{font-size:var(--text-lg);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.detalle-seccion dl{margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.detalle-seccion dl>div{display:flex;justify-content:space-between;gap:var(--space-md)}.detalle-seccion dt{color:var(--color-ink-muted);font-size:var(--text-sm)}.detalle-seccion dd{margin:0;font-weight:600;text-align:right}.detalle-total-fila{display:flex;justify-content:space-between;font-size:var(--text-sm)}.detalle-total-fila span{color:var(--color-ink-muted)}.detalle-destacado{border-top:1px solid var(--color-border-strong);padding-top:var(--space-xs);font-size:var(--text-base)}.detalle-destacado strong{color:var(--color-accent)}.detalle-notas{margin:0;font-size:var(--text-sm);color:var(--color-ink-muted);font-style:italic}.pipeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.pipeline li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-border);border-left:4px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-paper-2)}.pipeline li.hecho{border-left-color:var(--color-success-ink);background:var(--color-success-bg)}.pipeline li.actual{border-left-color:var(--color-accent);background:var(--color-accent-soft)}.paso-info{display:flex;flex-direction:column;gap:2px}.paso-info span{font-size:var(--text-sm);color:var(--color-ink-muted)}.paso-acciones{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.detalle-pendiente{font-size:var(--text-sm);color:var(--color-ink-dim)}.crud{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px}.crud-cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.crud-acciones{display:flex;gap:var(--space-sm);align-items:center}.crud-acciones input,.crud-acciones select{width:auto}.crud-buscador{max-width:300px}.crud-panel{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.crud-panel h2{font-size:var(--text-lg);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.crud-panel code{background:var(--color-paper-3);padding:1px 5px;border-radius:4px;font-size:var(--text-xs)}.crud-ayuda{margin:0;color:var(--color-ink-muted);font-size:var(--text-sm)}.crud-fila{display:flex;gap:var(--space-sm);align-items:center}.crud-fila-mini{display:flex;gap:2px}.crud-fila textarea,.crud-fila input[type=file]{flex:1}.crud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}:root{--color-paper: #fafafa;--color-paper-2: #f4f4f5;--color-paper-3: #ececed;--color-paper-lowest: #ffffff;--color-ink: #0a0a0b;--color-ink-muted: rgba(10, 10, 11, .6);--color-ink-dim: rgba(10, 10, 11, .4);--color-border: rgba(10, 10, 11, .08);--color-border-strong: rgba(10, 10, 11, .14);--color-accent: #c8202f;--color-accent-ink: #ffffff;--color-accent-pressed: #a81824;--color-accent-soft: rgba(200, 32, 47, .08);--color-accent-soft-ink: #c8202f;--color-pending-bg: #fef3e2;--color-pending-ink: #b45309;--color-success-bg: #dcfce7;--color-success-ink: #16a34a;--color-info-bg: #dbeafe;--color-info-ink: #1d4ed8;--color-danger: #c8202f;--color-danger-bg: rgba(200, 32, 47, .1);--color-danger-ink: #a81824;--color-neutral-bg: #ececed;--color-neutral-ink: rgba(10, 10, 11, .6);--color-focus: #c8202f;--color-qb-green: #2ca01c;--color-qb-green-ink: #ffffff;--font-display: "Barlow Condensed", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-display: 1.75rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999px;--sidebar-width: 232px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 12px -2px rgba(0, 0, 0, .12)}:root[data-theme=dark]{--color-paper: #0a0a0b;--color-paper-2: #151517;--color-paper-3: #232326;--color-paper-lowest: #1c1c1f;--color-ink: #f5f5f7;--color-ink-muted: rgba(245, 245, 247, .62);--color-ink-dim: rgba(245, 245, 247, .42);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-accent: #e11d2e;--color-accent-ink: #ffffff;--color-accent-pressed: #c8202f;--color-accent-soft: rgba(225, 29, 46, .14);--color-accent-soft-ink: #ff6b76;--color-pending-bg: rgba(245, 158, 11, .16);--color-pending-ink: #f59e0b;--color-success-bg: rgba(22, 163, 74, .18);--color-success-ink: #4ade80;--color-info-bg: rgba(29, 78, 216, .2);--color-info-ink: #93c5fd;--color-danger-bg: rgba(225, 29, 46, .16);--color-danger-ink: #ff6b76;--color-neutral-bg: #232326;--color-neutral-ink: rgba(245, 245, 247, .6);--color-focus: #e11d2e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);letter-spacing:.01em}h1{font-size:var(--text-display);text-transform:uppercase}a{color:var(--color-accent)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--color-paper-lowest);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--color-paper-2)}button{cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);font-weight:600;font-size:var(--text-sm);transition:background .12s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover:not(:disabled){background:var(--color-accent-pressed)}.btn-secondary{background:var(--color-paper-3);color:var(--color-ink);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-qb{background:var(--color-qb-green);color:var(--color-qb-green-ink)}.btn-ghost{background:transparent;color:var(--color-ink-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-paper-3);color:var(--color-ink)}.card{background:var(--color-paper-lowest);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.data th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-strong);white-space:nowrap}table.data td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}table.data tr:hover td{background:var(--color-paper-2)}table.data td.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.badge-borrador{background:var(--color-neutral-bg);color:var(--color-neutral-ink)}.badge-generada{background:var(--color-info-bg);color:var(--color-info-ink)}.badge-aprobada{background:var(--color-success-bg);color:var(--color-success-ink)}.badge-rechazada{background:var(--color-danger-bg);color:var(--color-danger-ink)}.badge-enviada_qb{background:var(--color-pending-bg);color:var(--color-pending-ink)}.badge-contrato_generado{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.badge-firmada{background:var(--color-success-bg);color:var(--color-success-ink)}.badge-generado{background:var(--color-info-bg);color:var(--color-info-ink)}.badge-enviado_firma{background:var(--color-pending-bg);color:var(--color-pending-ink)}.badge-firmado{background:var(--color-success-bg);color:var(--color-success-ink)}.chip{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-paper-lowest);color:var(--color-ink-muted);cursor:pointer}.chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.stat-card{display:flex;flex-direction:column;gap:2px;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-paper-lowest);border:1px solid var(--color-border);box-shadow:var(--shadow-card);min-width:130px}.stat-card .valor{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.stat-card .etiqueta{font-size:var(--text-xs);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.empty{padding:var(--space-2xl);text-align:center;color:var(--color-ink-muted)}