:root{--primary: #5e6ad2;--on-primary: #ffffff;--primary-hover: #828fff;--primary-focus: #5e69d1;--ink: #f7f8f8;--ink-muted: #d0d6e0;--ink-subtle: #8a8f98;--ink-tertiary: #62666d;--canvas: #010102;--surface-1: #0f1011;--surface-2: #141516;--surface-3: #18191a;--surface-4: #191a1b;--hairline: #23252a;--hairline-strong: #34343a;--hairline-tertiary: #3e3e44;--success: #27a644;--danger: #e5484d;--overlay: rgba(0, 0, 0, .6);--font-display: "Inter", -apple-system, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-text: "Inter", -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--sp-xxs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--font-text);font-size:16px;line-height:1.5;letter-spacing:-.05px;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:var(--sp-lg);padding:0 var(--sp-xl);background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:20}.back-link{font-size:13px;color:var(--ink-subtle);transition:color .15s ease;flex:none}.back-link:hover{color:var(--ink)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-xs);margin-right:auto}.topbar__mark{width:16px;height:16px;border-radius:var(--r-xs);background:var(--primary);flex:none}.topbar__name{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.2px;color:var(--ink)}.topbar__actions{display:flex;align-items:center;gap:var(--sp-sm)}.main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--sp-xl) var(--sp-xl) var(--sp-xxl)}.btn{font-family:var(--font-text);font-size:14px;font-weight:500;line-height:1.2;letter-spacing:0;border-radius:var(--r-md);padding:8px 14px;border:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:active{background:var(--primary-focus)}.btn--secondary{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline)}.btn--secondary:hover{border-color:var(--hairline-strong);background:var(--surface-2)}.btn--tertiary{background:transparent;color:var(--ink-subtle)}.btn--tertiary:hover{color:var(--ink)}.btn--danger{background:transparent;color:var(--danger)}.btn--danger:hover{background:#e5484d1a}.btn:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-lg);flex-wrap:wrap}.toolbar__right{display:flex;align-items:center;gap:var(--sp-sm)}.view-switch{display:inline-flex;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px;gap:2px}.view-switch__btn{background:transparent;border:none;color:var(--ink-subtle);font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--r-pill);cursor:pointer;transition:background-color .15s ease,color .15s ease}.view-switch__btn.is-active{background:var(--surface-2);color:var(--ink)}.view-switch__btn:hover:not(.is-active){color:var(--ink-muted)}.search-input{display:flex;align-items:center;gap:8px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);padding:8px 12px;min-width:240px;color:var(--ink-subtle);transition:border-color .15s ease}.search-input:focus-within{border-color:var(--hairline-strong);box-shadow:0 0 0 2px #5e69d259}.search-input svg{flex:none}.search-input input{background:transparent;border:none;outline:none;color:var(--ink);font-size:14px;width:100%}.search-input input::placeholder{color:var(--ink-tertiary)}.select{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);padding:8px 12px;font-size:14px;color:var(--ink);outline:none;cursor:pointer;transition:border-color .15s ease}.select:focus{border-color:var(--hairline-strong);box-shadow:0 0 0 2px #5e69d259}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-sm);margin-bottom:var(--sp-xl)}.stat-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-md)}.stat-card__label{font-size:12px;color:var(--ink-subtle);margin-bottom:6px}.stat-card__value{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.4px;color:var(--ink)}.table-wrap{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;font-size:12px;font-weight:500;color:var(--ink-subtle);padding:12px 20px;border-bottom:1px solid var(--hairline);background:var(--surface-2)}.table tbody td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--hairline);color:var(--ink-muted);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer;transition:background-color .12s ease}.table tbody tr:hover{background:var(--surface-2)}.cell-name{color:var(--ink);font-weight:500}.cell-email{font-family:var(--font-mono);font-size:13px;color:var(--ink-subtle)}.cell-value{font-family:var(--font-mono);font-size:13px;color:var(--ink)}.cell-actions{text-align:right;width:40px}.icon-btn{background:transparent;border:none;color:var(--ink-tertiary);cursor:pointer;padding:4px;border-radius:var(--r-sm);transition:color .15s ease,background-color .15s ease}.icon-btn:hover{color:var(--ink);background:var(--surface-3)}.empty-state{padding:var(--sp-xxl);text-align:center;color:var(--ink-subtle);font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:2px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-muted);white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-tertiary);flex:none}.status-badge--demo{background:#5e6ad226;color:var(--primary-hover);font-size:11px;padding:2px 8px}.status-badge--demo:before{display:none}.status-badge--nuevo:before{background:#62666d}.status-badge--contactado:before{background:#4c9aff}.status-badge--propuesta-enviada:before{background:#e5a021}.status-badge--ganado:before{background:var(--success)}.status-badge--perdido:before{background:var(--danger)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-md);align-items:start}.kanban-col{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-sm);min-height:120px;display:flex;flex-direction:column;gap:var(--sp-sm);transition:background-color .15s ease,border-color .15s ease}.kanban-col.is-dragover{background:var(--surface-2);border-color:var(--primary-focus)}.kanban-col__header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}.kanban-col__title{font-size:13px;font-weight:500;color:var(--ink-muted)}.kanban-col__count{font-family:var(--font-mono);font-size:11px;color:var(--ink-tertiary);background:var(--surface-3);padding:1px 7px;border-radius:var(--r-pill)}.kanban-col__body{display:flex;flex-direction:column;gap:8px;min-height:40px}.kanban-card{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-sm);cursor:grab;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.kanban-card:hover{border-color:var(--hairline-strong)}.kanban-card:active{cursor:grabbing}.kanban-card.is-dragging{opacity:.4}.kanban-card__name{font-size:13.5px;font-weight:500;color:var(--ink);margin-bottom:2px}.kanban-card__company{font-size:12px;color:var(--ink-subtle);margin-bottom:10px}.kanban-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.kanban-card__value{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-muted)}.kanban-card__next{background:transparent;border:1px solid var(--hairline);color:var(--ink-subtle);font-size:11px;padding:3px 8px;border-radius:var(--r-sm);cursor:pointer;transition:border-color .15s ease,color .15s ease}.kanban-card__next:hover{border-color:var(--primary);color:var(--ink)}.kanban-card__next:disabled{opacity:.3;cursor:default}.kanban-card__next:disabled:hover{border-color:var(--hairline);color:var(--ink-subtle)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-md)}.modal-overlay[hidden]{display:none}.modal{background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:0 24px 64px #00000080;animation:modal-in .15s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) var(--sp-lg) 0}.modal__title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.modal__close{background:transparent;border:none;color:var(--ink-subtle);cursor:pointer;padding:6px;border-radius:var(--r-sm);transition:color .15s ease,background-color .15s ease}.modal__close:hover{color:var(--ink);background:var(--surface-2)}.modal__form{padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md)}.field{display:flex;flex-direction:column;gap:6px;flex:1}.field label{font-size:12px;font-weight:500;color:var(--ink-subtle)}.field input,.field select{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);padding:8px 12px;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:var(--ink-tertiary)}.field input:focus,.field select:focus{border-color:var(--hairline-strong);box-shadow:0 0 0 2px #5e69d259}.field-row{display:flex;gap:var(--sp-sm)}.modal__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-xs)}.modal__footer-right{display:flex;gap:var(--sp-sm)}.toast{position:fixed;bottom:var(--sp-xl);left:50%;transform:translate(-50%) translateY(8px);background:var(--surface-2);border:1px solid var(--hairline-strong);color:var(--ink);font-size:13px;padding:10px 18px;border-radius:var(--r-md);box-shadow:0 12px 32px #0006;z-index:200;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1080px){.stats{grid-template-columns:repeat(3,1fr)}.kanban{grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto}}@media (max-width: 720px){.topbar{padding:0 var(--sp-md);gap:var(--sp-sm)}.topbar__actions .btn{padding:8px 10px;font-size:13px}.main{padding:var(--sp-lg) var(--sp-md) var(--sp-xl)}.stats{grid-template-columns:repeat(2,1fr)}.toolbar,.toolbar__right{flex-direction:column;align-items:stretch}.search-input{min-width:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tbody tr{border-bottom:1px solid var(--hairline);padding:var(--sp-sm) var(--sp-md)}.table tbody td{border-bottom:none;padding:4px 0}.kanban{grid-template-columns:minmax(240px,1fr)}}