:root{--bg:#f3f6f8;--panel:#ffffff;--panel-soft:#eef3f8;--text:#172033;--muted:#657084;--line:#dce2ea;--brand:#146ef5;--brand-dark:#0f56c0;--ink:#111827;--danger:#b42318;--success:#067647;--warning:#b54708;--shadow:0 12px 28px rgba(23,32,51,0.07);--radius:8px}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(20,110,245,.12),transparent 28%),linear-gradient(180deg,#edf3f7 0,#f7f8fa 260px,var(--bg) 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand.large{font-size:18px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:linear-gradient(135deg,var(--ink),var(--brand));color:white}.nav{display:flex;align-items:center;gap:8px}.nav a,.nav button{border:0;border-radius:var(--radius);background:transparent;color:var(--muted);padding:8px 10px}.nav a:hover,.nav button:hover{background:var(--panel-soft);color:var(--text)}.container{width:min(1440px,100%);margin:0 auto;padding:24px 28px 40px}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-hero{position:relative;align-items:center;border:1px solid rgba(183,200,221,.9);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(237,244,252,.9)),radial-gradient(circle at 92% 12%,rgba(20,110,245,.18),transparent 28%);padding:24px;box-shadow:0 18px 46px rgba(23,32,51,.09);overflow:hidden}.dashboard-hero:after{content:"";position:absolute;right:24px;bottom:-42px;width:180px;height:180px;border-radius:999px;background:rgba(20,110,245,.08);pointer-events:none}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.05}h2{font-size:20px}h3{font-size:16px}.muted{color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.dashboard-grid{grid-template-columns:330px minmax(0,1fr);align-items:start}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.auth-card,.lead-card,.panel,.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.stat{position:relative;padding:16px;min-height:96px;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--brand)}.stat-blue:before{background:#146ef5}.stat-dark:before{background:#111827}.stat-orange:before{background:#f79009}.stat-green:before{background:#12b76a}.stat strong{display:block;margin-top:6px;font-size:28px;line-height:1}.panel{padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field.full{grid-column:1/-1}label{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:white;color:var(--text);padding:10px 11px;outline:none}textarea{min-height:98px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(31,111,235,.14)}.button,.danger-button,.secondary-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius);padding:10px 13px;font-weight:800}.button{background:linear-gradient(135deg,var(--brand),#0f8b8d);color:white;box-shadow:0 10px 20px rgba(20,110,245,.2)}.button:hover{background:var(--brand-dark)}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.86);color:var(--text)}.danger-button{background:#fee4e2;color:var(--danger)}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px 160px auto;grid-gap:10px;gap:10px;margin-bottom:16px}.pipeline-empty-banner{display:flex;justify-content:space-between;gap:14px;border:1px solid #b2ccff;border-radius:var(--radius);background:linear-gradient(135deg,#eff8ff,#ffffff);padding:16px}.pipeline-empty-banner,.today-strip{align-items:center;margin-bottom:16px;box-shadow:var(--shadow)}.today-strip{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:12px;gap:12px;border:1px solid #ffd6a6;border-radius:var(--radius);background:linear-gradient(135deg,#fff8eb,#eef6ff);padding:14px}.today-strip-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.mini-lead{display:grid;grid-gap:4px;gap:4px;min-width:180px;border:1px solid var(--line);border-radius:var(--radius);background:white;padding:10px}.mini-lead span{color:var(--muted);font-size:12px}.mini-lead.stacked{min-width:0}.compact-list{gap:8px}.kanban-board{display:grid;grid-auto-columns:minmax(285px,1fr);grid-auto-flow:column;grid-gap:12px;gap:12px;min-height:560px;overflow-x:auto;padding:2px 2px 10px}.agenda-column,.kanban-column{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,248,251,.86));padding:10px;overflow:hidden}.agenda-column:before,.kanban-column:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#98a2b3}.stage-nuevo:before{background:#146ef5}.stage-contactado:before{background:#0e9384}.stage-seguimiento:before{background:#f79009}.stage-reunion:before{background:#7a5af8}.stage-propuesta:before{background:#dd2590}.stage-ganado:before{background:#12b76a}.stage-perdido:before{background:#f04438}.agenda-column{background:var(--panel);box-shadow:var(--shadow)}.agenda-column.danger{border-color:#fecdca}.agenda-column.brand{border-color:#b2ccff}.kanban-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.kanban-header span{display:grid;min-width:28px;height:28px;place-items:center;border-radius:999px;background:var(--ink);color:white;font-size:12px;font-weight:800}.kanban-stack{display:grid;grid-gap:10px;gap:10px}.kanban-empty{border:1px dashed var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,243,248,.7));color:#7a8496;padding:28px 16px;text-align:center;font-size:13px}.today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}.lead-list{display:grid;grid-gap:12px;gap:12px}.lead-card{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:14px;gap:14px;padding:16px}.pipeline-card{position:relative;display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;box-shadow:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden}.pipeline-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}.pipeline-card:hover{transform:translateY(-2px);border-color:#b7c8dd;box-shadow:0 14px 30px rgba(23,32,51,.09)}.pipeline-card.overdue{border-color:#fecdca;background:#fffafa}.lead-main{min-width:0}.lead-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.lead-title a{font-size:18px;font-weight:800}.pipeline-card .lead-title a{font-size:16px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--panel-soft);color:var(--text);padding:5px 8px;font-size:12px;font-weight:800}.badge.high{background:#fee4e2;color:var(--danger)}.badge.medium{background:#fff1cf;color:var(--warning)}.badge.low{background:#dcfae6;color:var(--success)}.quick-form{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;align-items:end}.quick-form.compact{grid-template-columns:1fr}.quick-form.compact .button,.quick-form.compact .secondary-button{width:100%}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick-action{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);background:white;color:var(--text);padding:7px 10px;font-size:13px;font-weight:800}.quick-action:hover{border-color:var(--brand);color:var(--brand)}.detail-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.timeline{display:grid;grid-gap:10px;gap:10px}.timeline-item{border-left:3px solid var(--brand);padding:4px 0 4px 12px}.timeline-item p{margin:4px 0 0}.auth-wrap{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-showcase{grid-template-columns:minmax(320px,.95fr) minmax(360px,520px);gap:24px;place-items:stretch;align-items:center;width:min(1180px,100%);margin:0 auto}.auth-hero-panel{display:grid;align-content:space-between;min-height:620px;border:1px solid rgba(255,255,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(20,110,245,.88)),linear-gradient(180deg,#111827,#146ef5);color:white;padding:32px;box-shadow:0 24px 60px rgba(17,24,39,.22);overflow:hidden}.auth-hero-panel .eyebrow,.auth-hero-panel .muted{color:rgba(255,255,255,.76)}.auth-hero-panel h1{max-width:620px;font-size:clamp(34px,5vw,58px)}.preview-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.preview-column{display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.12);padding:14px}.preview-column strong{font-size:24px}.preview-column small,.preview-column span{color:rgba(255,255,255,.72)}.preview-column.accent{background:rgba(255,255,255,.18)}.preview-column.success{background:rgba(6,118,71,.34)}.setup-steps{display:grid;grid-gap:10px;gap:10px}.setup-steps span{border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.12);padding:12px;font-weight:800}.auth-card{width:min(760px,100%);padding:26px}.auth-card.elevated{align-self:center;border-radius:18px;padding:30px;box-shadow:0 24px 60px rgba(23,32,51,.14)}.auth-card.narrow{width:min(430px,100%)}.auth-card h1{margin-bottom:10px}.auth-card form{margin-top:20px}.full-button{grid-column:1/-1;width:100%}.auth-footnote{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-hero{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);padding:22px;box-shadow:var(--shadow)}.create-panel{position:-webkit-sticky;position:sticky;top:82px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96))}.error{border-radius:var(--radius);background:#fee4e2;color:var(--danger);padding:10px 12px;font-weight:700}.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--muted)}@media (max-width:1100px){.dashboard-grid,.detail-grid,.lead-card,.today-grid,.today-strip{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-showcase{grid-template-columns:1fr}.auth-hero-panel{min-height:auto;gap:28px}}@media (max-width:760px){.hero-row,.topbar{align-items:flex-start;flex-direction:column}.container{padding:18px 14px 32px}.filters,.form-grid,.pipeline-empty-banner,.quick-form,.stats-grid,.today-grid{grid-template-columns:1fr}.pipeline-empty-banner{align-items:stretch;flex-direction:column}.kanban-board{grid-auto-columns:minmax(260px,88vw)}.nav{flex-wrap:wrap}.preview-board{grid-template-columns:1fr}.auth-card.elevated,.auth-hero-panel{border-radius:12px;padding:22px}}