:root{--navy: #1c1f27;--navy-light: #2a2f3d;--accent: #2e9e52;--accent-light: #62ff8d;--bg: #f4f9f4;--card: #ffffff;--border: #e2e7e2;--text: #1c1c1c;--text-muted: #6b6b6b;--danger: #b3261e;--success: #1e7a3d;--estado-nuevo-bg: #e8f0ff;--estado-nuevo-text: #1d4ed8;--estado-contactado-bg: #e9f8ee;--estado-contactado-text: #1e7a3d;--estado-noresponde-bg: #fdecea;--estado-noresponde-text: #b3261e;--estado-calificado-bg: #f1e9fd;--estado-calificado-text: #6d28d9;--estado-agendada-bg: #fff4de;--estado-agendada-text: #92702b;--estado-cliente-bg: #e6f5ea;--estado-cliente-text: #1e7a3d;--estado-descartado-bg: #eef0f2;--estado-descartado-text: #52606d;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}button{font-family:inherit}a{color:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{background:var(--navy);color:#fff;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.topbar-brand{display:flex;align-items:center;gap:.65rem}.topbar-brand img{height:34px;width:auto;border-radius:6px}.topbar-brand-text{font-size:.95rem;line-height:1.15}.topbar-brand-text strong{display:block;color:var(--accent-light);letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:.6rem}.btn{border:1px solid transparent;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;cursor:pointer;font-weight:600;transition:filter .15s ease,opacity .15s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:default}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:#fff;border-color:#ffffff59}.btn-outline{background:#fff;color:var(--navy);border-color:var(--border)}.btn-whatsapp{background:#25d366;color:#fff}.btn-sm{padding:.35rem .65rem;font-size:.78rem}.main{flex:1;padding:1.25rem;max-width:1360px;margin:0 auto;width:100%}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.stat-card .value{font-size:1.6rem;font-weight:700;color:var(--navy)}.stat-card .label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.75rem}.toolbar input[type=text],.toolbar select{border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;font-size:.88rem;background:#fff;color:var(--text)}.toolbar input[type=text]{flex:1 1 220px;min-width:160px}.toolbar .spacer{flex:1}.sync-indicator{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:1.5rem}.lead-card{background:var(--card);border:1px solid rgba(28,31,39,.07);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem;position:relative;box-shadow:0 1px 2px #1c1f270a,0 8px 20px -16px #1c1f2740;height:fit-content}.lead-card.is-nuevo{border-color:#2e9e524d;box-shadow:0 1px 2px #2e9e5214,0 10px 24px -16px #2e9e5266}.lead-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.lead-origen{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:.3rem}.lead-name{font-size:1.15rem;font-weight:700;color:var(--navy);line-height:1.3}.lead-phone{font-size:.85rem;color:var(--text-muted);margin-top:.15rem}.estado-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;white-space:nowrap;flex-shrink:0}.lead-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.95rem 1.5rem;margin:0}.lead-info-grid .full{grid-column:1 / -1}.lead-info-item dt,.lead-extra-grid dt{color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.lead-info-item dd,.lead-extra-grid dd{margin:0;font-size:.92rem;font-weight:500;color:var(--text);word-break:break-word}.lead-extra{display:flex;flex-direction:column;gap:.7rem}.btn-text{background:transparent;border:none;color:var(--navy);font-size:.82rem;font-weight:600;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s ease;align-self:flex-start}.btn-text:hover{text-decoration-color:currentColor}.lead-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;background:var(--bg);border-radius:12px;padding:.9rem 1rem;margin:0}.lead-extra-grid .full{grid-column:1 / -1}.lead-manage{border-top:1px solid var(--border);padding-top:1.1rem;display:flex;flex-direction:column;gap:.85rem}.lead-manage-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.lead-manage-row select,.lead-manage-row input[type=text],.lead-manage-row input[type=date]{border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem;font-size:.85rem;background:#fff;color:var(--text)}.field-group{display:flex;flex-direction:column;gap:.2rem}.field-group label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.lead-manage-row .btn-whatsapp{margin-left:auto}.notas-block textarea{width:100%;min-height:60px;border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:.65rem .75rem;font-size:.85rem;font-family:inherit;color:var(--text);resize:vertical;transition:border-color .15s ease,background .15s ease}.notas-block textarea:focus{outline:none;background:#fff;border-color:var(--accent)}.save-status{font-size:.72rem;min-height:1em}.save-status.saving{color:var(--text-muted)}.save-status.saved{color:var(--success)}.save-status.error{color:var(--danger)}.lead-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.timestamps{font-size:.68rem;color:#9aa1ab}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.error-banner{background:#fdecea;color:var(--danger);border:1px solid #f3c1bd;border-radius:8px;padding:.6rem .9rem;margin-bottom:1rem;font-size:.85rem}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-light) 100%);padding:1rem}.login-card{background:#fff;border-radius:14px;padding:2rem 1.75rem;width:100%;max-width:380px;box-shadow:0 20px 50px #00000059;text-align:center}.login-card img{max-width:220px;margin-bottom:1rem}.login-card h1{font-size:1.1rem;color:var(--navy);margin:0 0 1.25rem}.login-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.login-form label{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;display:block}.login-form input{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem}.password-field{position:relative;display:flex}.password-field input{padding-right:4.5rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--navy);font-size:.75rem;font-weight:600;cursor:pointer;padding:.3rem .4rem}.password-toggle:hover{text-decoration:underline}.login-form .btn-primary{margin-top:.4rem;padding:.65rem;font-size:.9rem}.login-error{background:#fdecea;color:var(--danger);border:1px solid #f3c1bd;border-radius:8px;padding:.5rem .7rem;font-size:.82rem}.loading-screen{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}@media (max-width: 640px){.leads-grid{grid-template-columns:1fr;gap:1rem}.lead-card{padding:1.25rem;border-radius:16px}.lead-info-grid,.lead-extra-grid{grid-template-columns:1fr}.lead-manage-row .btn-whatsapp{margin-left:0;width:100%;text-align:center}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}}