:root{--gap:12px;--radius:12px;--border:1px solid #ffffff1f;--muted:#ffffffa6;--accentA:#1e6091;--accentB:#2ca58d;--accentGrad:linear-gradient(90deg, var(--accentA), var(--accentB))}body.dark{--bg:#0b0f14;--panel:#0e141c;--card:#ffffff0a;--text:#fff;--muted:#ffffffa6;--border:1px solid #ffffff1f;--chipBg:#ffffff0a;--chipText:#ffffffa6;--headerBg:#0b0f14eb;--fieldBg:#ffffff0d;--fieldBorder:#ffffff24}body.light{--bg:#f3f4f6;--panel:#fff;--card:#fff;--text:#0b1220;--muted:#0b1220a6;--border:1px solid #d1d5db;--chipBg:#e5e7eb;--chipText:#374151;--headerBg:#f3f4f6eb;--fieldBg:#fff;--fieldBorder:#0b122024}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:background .3s,color .3s}header{border-bottom:var(--border);background:var(--headerBg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:14px 16px;position:sticky;top:0}.topbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.crmBrand{flex-shrink:0;align-items:center;gap:10px;min-width:220px;display:flex}.crmBrand img{object-fit:contain;opacity:.92;width:auto;height:40px}.crmOpBadge{color:#2ca58de6;white-space:nowrap;background:#2ca58d1a;border:1px solid #2ca58d40;border-radius:20px;flex-shrink:0;padding:3px 11px;font-size:11px}.crmBrandMain{color:var(--text);white-space:nowrap;font-size:19px;font-weight:700;line-height:1.2;display:block}.crmBrandSub{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:11px;display:block}.filtersBar{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.row{gap:var(--gap);flex-wrap:wrap;align-items:center;display:flex}.pill{border:var(--border);background:var(--chipBg);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:flex}.pill-label{color:var(--muted);font-size:12px}.chipActive{background:var(--chipBg);color:var(--chipText);position:relative;border-color:#0000!important}input,select{background:var(--fieldBg);color:var(--text);border:1px solid var(--fieldBorder);border-radius:8px;outline:none;padding:6px 10px;font-family:inherit}select option{color:#0b1220!important;background:#fff!important}main{padding:14px 16px}.kanban{gap:var(--gap);grid-template-columns:repeat(5,minmax(260px,1fr));display:grid}@media (width<=1400px){.kanban{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (width<=900px){.kanban{grid-template-columns:1fr}}.col{border:var(--border);border-radius:var(--radius);background:var(--chipBg);flex-direction:column;min-height:320px;display:flex}.col h3{color:var(--muted);border-bottom:var(--border);justify-content:space-between;align-items:center;margin:0;padding:12px 12px 10px;font-size:13px;display:flex}.count{background:var(--chipBg);border:var(--border);color:var(--text);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.count-sep{opacity:.6;margin:0 4px}.list{flex-direction:column;gap:10px;padding:10px;display:flex}.card{border:var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;padding:10px}.card:hover{filter:brightness(1.1)}.card-alerta{border-color:#ef4444!important}.card .top{justify-content:space-between;gap:10px;display:flex}.name{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{text-overflow:ellipsis;white-space:nowrap;border:var(--border);background:var(--chipBg);max-width:220px;color:var(--chipText);border-radius:999px;padding:4px 8px;font-size:12px;overflow:hidden}.money{font-weight:700}.hint{color:#f59e0b;margin-top:8px;font-size:12px}.tag-alerta{color:#ef4444;font-size:12px;font-weight:600}.semaforo-dot{border-radius:999px;flex-shrink:0;width:9px;height:9px;display:inline-block}.proximo-contacto{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.proximo-contacto span{flex-shrink:0}.proximo-contacto input[type=date],.proximo-contacto select{flex:auto;min-width:0;max-width:100%;padding:3px 6px;font-size:12px}.table-scroll{margin-top:6px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%;font-size:13px}.items-table th,.items-table td{text-align:left;border-bottom:var(--border);white-space:nowrap;padding:6px 8px}.items-table th{color:var(--muted);font-size:12px;font-weight:600}.td-right{text-align:right!important}.badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-confirmado{color:#22c55e;background:#22c55e26}.badge-pendiente{color:#f59e0b;background:#f59e0b26}.liquidar-total{border-top:var(--border);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.liquidar-total-valor{font-size:22px;font-weight:700}.modal{z-index:50;background:#0009;place-items:center;display:none;position:fixed;inset:0}.modal.open{display:grid}.panel{border:var(--border);background:var(--panel);border-radius:16px;width:min(820px,92vw);max-height:86vh;overflow:auto}.panel header{background:var(--panel);position:sticky;top:0}.brand{font-size:15px;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 16px;display:grid}@media (width<=700px){.grid{grid-template-columns:1fr}}.field{border:var(--border);background:var(--chipBg);border-radius:12px;padding:10px}.k{color:var(--muted);font-size:12px}.v{word-break:break-word;margin-top:6px;font-size:14px}.actions{flex-wrap:wrap;gap:10px;padding:0 16px 16px;display:flex}button{border:var(--border);background:var(--chipBg);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;font-family:inherit}button:hover{filter:brightness(1.2)}button.secondary{color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.softBorder{background:#ffffff08;border:1px solid #ffffff1a}body:not(.dark) .softBorder{background:#0b122005;border:1px solid #0b12201a}.empty-state{text-align:center;color:var(--muted);padding:40px}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:var(--border);background:var(--panel);border-radius:16px;flex-direction:column;gap:14px;width:380px;max-width:92vw;padding:32px;display:flex}.login-logo{object-fit:contain;align-self:flex-start;width:auto;height:48px}.login-title{font-size:20px;font-weight:700}.login-sub{color:var(--muted);margin-top:-10px;font-size:13px}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--muted);font-size:12px}.form-input,.form-select{border:1px solid var(--fieldBorder);background:var(--fieldBg);color:var(--text);border-radius:10px;padding:10px 12px}.form-error{color:#ef4444;font-size:13px}.btn-accion{background:var(--accentGrad);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:600}