:root{--paper: #0b111e;--paper-glow-1: rgba(210, 165, 30, .16);--paper-glow-2: rgba(129, 140, 248, .14);--surface: #131a2c;--surface-2: #1c2438;--surface-3: #232c44;--border: #2a3350;--border-soft: #202942;--ink: #eef0f5;--ink-soft: #8a93a8;--ink-faint: #5c6580;--gold: #d2a51e;--gold-bright: #e8c356;--gold-soft: rgba(210, 165, 30, .14);--gold-ink: #0b111e;--purple: #818cf8;--purple-soft: rgba(129, 140, 248, .14);--violet: #a78bfa;--violet-soft: rgba(167, 139, 250, .14);--green: #25d366;--green-soft: rgba(37, 211, 102, .14);--teal: #34d399;--blue: #38bdf8;--blue-soft: rgba(56, 189, 248, .14);--amber: #fbbf24;--amber-soft: rgba(251, 191, 36, .14);--rose: #fb7185;--rose-soft: rgba(251, 113, 133, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -10px rgba(0, 0, 0, .65);--shadow-glow: 0 0 0 1px var(--border), 0 12px 32px -12px rgba(210, 165, 30, .25);--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 900px 500px at 12% -8%,var(--paper-glow-1),transparent 60%),radial-gradient(ellipse 800px 500px at 100% 10%,var(--paper-glow-2),transparent 55%),var(--paper);background-attachment:fixed;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-weight:700;letter-spacing:-.01em;color:var(--ink);line-height:1.25;margin:0 0 .6rem}h1{font-size:1.7rem}h2{font-size:1.22rem;margin-top:2.2rem;color:var(--gold-bright)}h3{font-size:1.02rem}p{margin:0 0 .75rem;color:var(--ink);max-width:68ch}a{color:var(--gold-bright);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--surface-2);padding:.1rem .4rem;border-radius:5px;font-size:.85em;color:var(--violet);border:1px solid var(--border-soft)}body>div{min-height:100vh;display:flex;flex-direction:column}header{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;padding:.95rem 1.6rem;background:#131a2ce0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}header>strong{font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap;background:linear-gradient(120deg,var(--gold-bright),var(--purple) 130%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}header nav{display:flex;flex-wrap:wrap;gap:.3rem;flex:1}header nav a{color:var(--ink-soft);font-weight:600;font-size:.87rem;padding:.45rem .75rem;border-radius:8px;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}header nav a:hover{background:var(--gold-soft);color:var(--gold-bright);border-color:#d2a51e4d;text-decoration:none}header>span{display:flex;align-items:center;gap:.7rem;font-size:.8rem;color:var(--ink-faint);white-space:nowrap}header>span>button{font-size:.78rem;padding:.4rem .75rem}main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:2.2rem 1.6rem 4.5rem}main.auth-shell{max-width:460px;margin:0 auto;padding:4.5rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}main.auth-shell h1{font-size:2rem;text-align:center;margin-bottom:2rem;background:linear-gradient(120deg,var(--gold-bright),var(--purple) 140%);-webkit-background-clip:text;background-clip:text;color:transparent}main.auth-shell form{flex-direction:column;align-items:stretch;gap:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow-glow)}main.auth-shell label{margin:0;width:100%}main.auth-shell input{width:100%;padding:.7rem .85rem}main.auth-shell button[type=submit]{width:100%;padding:.75rem;font-size:.98rem;margin-top:.3rem}main.auth-shell p{text-align:center;max-width:none;margin:1.25rem 0 0}main.auth-shell p[role=alert]{text-align:left;margin:0}label{display:inline-flex;flex-direction:column;gap:.32rem;font-size:.82rem;font-weight:600;color:var(--ink-soft);margin:0 .6rem .9rem 0;vertical-align:top}input,select,textarea,button{font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:.5rem .7rem}textarea{min-height:5em;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}button{cursor:pointer;font-weight:700;background:var(--surface-3);border-color:var(--border);color:var(--ink);transition:background .15s,border-color .15s,opacity .15s,transform .1s}button:hover:not(:disabled){background:var(--border)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit]{background:linear-gradient(120deg,var(--gold),var(--gold-bright));color:var(--gold-ink);border-color:var(--gold)}button[type=submit]:hover:not(:disabled){filter:brightness(1.08)}form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 .75rem;margin-bottom:1.25rem}table{border-collapse:collapse;width:100%;margin:.5rem 0 1.5rem;font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{text-align:left;padding:.62rem .9rem;border-bottom:1px solid var(--border-soft)}th{background:var(--surface-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}tr:last-child td{border-bottom:none}tr:hover td{background:#d2a51e0a}dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.1rem .9rem;margin:.75rem 0 1.75rem;padding:0;max-width:100%}dt{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin:0}dd{margin:.25rem 0 0;font-size:1.6rem;font-weight:800;color:var(--gold-bright);font-variant-numeric:tabular-nums;font-family:var(--font-mono)}section dl{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);padding:1.2rem 1.4rem;box-shadow:var(--shadow)}section[aria-label="Uso del plan"] dl{border-left-color:var(--purple)}section[aria-label="Uso del plan"] dd{color:var(--purple);font-size:1.35rem}section[aria-label="Conversión por etapa"] dl,section[aria-label="Pipeline hoy"] h3+dl,main section h3+dl{border-left-color:var(--blue)}main section h3+dl dd{color:var(--blue);font-size:1.3rem}section[aria-label=Dashboard] dl{border-left-color:var(--teal)}section[aria-label=Dashboard] dd{color:var(--teal)}main>div[style*=overflow-x]{gap:1.1rem!important;padding-bottom:.6rem}section[aria-label^=Columna]{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--ink-faint);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);min-height:130px}section[aria-label^=Columna] h2{margin-top:0;font-size:.86rem;padding-bottom:.65rem;margin-bottom:.65rem;border-bottom:1px solid var(--border-soft);color:var(--ink)}section[aria-label^=Columna] article{background:var(--surface-2)!important;border:1px solid var(--border-soft)!important;border-radius:8px!important;padding:.65rem .75rem!important;margin-bottom:.55rem!important;box-shadow:none!important;transition:border-color .15s}section[aria-label^=Columna] article:hover{border-color:var(--gold)!important}section[aria-label="Columna Nuevo"]{border-top-color:var(--ink-soft)}section[aria-label="Columna Contactado"]{border-top-color:var(--amber)}section[aria-label="Columna Contactado"] h2{color:var(--amber)}section[aria-label="Columna Interesado"]{border-top-color:var(--blue)}section[aria-label="Columna Interesado"] h2{color:var(--blue)}section[aria-label="Columna Cita"]{border-top-color:var(--violet)}section[aria-label="Columna Cita"] h2{color:var(--violet)}section[aria-label="Columna Cliente"]{border-top-color:var(--green)}section[aria-label="Columna Cliente"] h2{color:var(--green)}section[aria-label="Columna No interesado"],section[aria-label="Columna No contactar"]{border-top-color:var(--rose)}section[aria-label="Columna No interesado"] h2,section[aria-label="Columna No contactar"] h2{color:var(--rose)}section[aria-label="Columna Inactivo"]{border-top-color:var(--ink-faint);opacity:.85}section[aria-label="Columna Demo"]{border-top-color:var(--violet)}section[aria-label="Columna Demo"] h2{color:var(--violet)}section[aria-label="Columna Propuesta"]{border-top-color:var(--amber)}section[aria-label="Columna Propuesta"] h2{color:var(--amber)}section[aria-label="Columna Ganado"]{border-top-color:var(--green)}section[aria-label="Columna Ganado"] h2{color:var(--green)}section[aria-label="Columna Perdido"]{border-top-color:var(--rose)}section[aria-label="Columna Perdido"] h2{color:var(--rose)}p[role=alert]{background:var(--rose-soft);color:var(--rose);border:1px solid rgba(251,113,133,.35);padding:.7rem .95rem;border-radius:9px;font-weight:600;font-size:.88rem;max-width:none}main>form~button,form+button{border-radius:100px}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}::selection{background:var(--gold-soft);color:var(--gold-bright)}.inbox-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.1rem;align-items:start}.inbox-list{display:flex;flex-direction:column;gap:.4rem;max-height:calc(100vh - 220px);overflow-y:auto;padding-right:.2rem}.inbox-list-item{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;cursor:pointer;font-weight:400;color:var(--ink)}.inbox-list-item:hover{border-color:var(--gold)}.inbox-list-item[aria-current=true]{border-color:var(--gold);background:var(--gold-soft)}.inbox-list-item .name{font-weight:700;display:flex;justify-content:space-between;gap:.5rem}.inbox-list-item .preview{font-size:.82rem;color:var(--ink-soft);margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-badge{background:var(--rose);color:#1a0805;font-size:.68rem;font-weight:800;border-radius:100px;padding:.05rem .45rem;flex:none}.inbox-thread{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;min-height:300px}.inbox-bubble{max-width:75%;padding:.55rem .8rem;border-radius:10px;margin-bottom:.6rem;font-size:.9rem}.inbox-bubble.inbound{background:var(--surface-2);border:1px solid var(--border-soft);margin-right:auto}.inbox-bubble.outbound{background:var(--gold-soft);border:1px solid rgba(210,165,30,.3);margin-left:auto;color:var(--ink)}.inbox-bubble .meta{font-size:.68rem;color:var(--ink-faint);margin-top:.3rem}@media(max-width:720px){header{padding:.75rem 1rem;gap:.6rem .9rem}header nav{gap:.15rem;width:100%;order:3}header nav a{padding:.4rem .55rem;font-size:.82rem}header>span{width:100%;order:2;justify-content:space-between}main{padding:1.3rem 1rem 3rem}main.auth-shell{padding:2.5rem 1rem}h1{font-size:1.4rem}h2{font-size:1.05rem;margin-top:1.6rem}label{width:100%;margin-right:0}input,select,textarea,button{width:100%;font-size:1rem;padding:.6rem .75rem}form{flex-direction:column;align-items:stretch;gap:.7rem}form button{width:auto;align-self:flex-start}button{min-height:42px}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem .7rem}dd{font-size:1.25rem}section dl{padding:.9rem 1rem}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}section[aria-label^=Columna]{min-width:78vw}.inbox-shell{grid-template-columns:1fr}.inbox-list{max-height:40vh}.inbox-bubble{max-width:88%}}
