:root{--font-title: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-body: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--bg-main: #151515;--bg-card: rgba(30, 30, 30, .7);--bg-card-hover: rgba(45, 45, 45, .85);--bg-sidebar: #0d0d0d;--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: #F3F4F6;--text-secondary: #A3A3A3;--text-muted: #737373;--color-cyan: #1863DC;--color-cyan-glow: rgba(24, 99, 220, .25);--color-indigo: #B8012D;--color-indigo-glow: rgba(184, 1, 45, .25);--color-teal: #10B981;--color-teal-glow: rgba(16, 185, 129, .25);--color-violet: #B8012D;--color-violet-glow: rgba(184, 1, 45, .25);--status-nuevo: #1863DC;--status-nuevo-glow: rgba(24, 99, 220, .15);--status-contactado: #F59E0B;--status-contactado-glow: rgba(245, 158, 11, .15);--status-negociacion: #8B5CF6;--status-negociacion-glow: rgba(139, 92, 246, .15);--status-ganado: #10B981;--status-ganado-glow: rgba(16, 185, 129, .15);--status-perdido: #B8012D;--status-perdido-glow: rgba(184, 1, 45, .15);--priority-baja: #10B981;--priority-media: #F59E0B;--priority-alta: #B8012D;--sidebar-width: 260px;--header-height: 70px;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .5);--shadow-neon-cyan: 0 0 15px var(--color-cyan-glow);--shadow-neon-indigo: 0 0 15px var(--color-indigo-glow);--radius-lg: 3px;--radius-md: 3px;--radius-sm: 2px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}body{background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-width);padding:2rem;background:radial-gradient(circle at 70% 10%,rgba(99,102,241,.05) 0%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(6,182,212,.04) 0%,transparent 50%)}@media (max-width: 1024px){.main-content{margin-left:0;padding:1.5rem;padding-top:calc(var(--header-height) + 1.5rem)}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:border-color var(--transition-fast),transform var(--transition-fast)}.glass-panel-hover:hover{border-color:var(--border-glass-hover);transform:translateY(-2px)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-glass);height:100vh;position:fixed;left:0;top:0;z-index:50;display:flex;flex-direction:column;padding:1.5rem 1rem;transition:transform var(--transition-normal)}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-title);font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:2.5rem;padding:.5rem}.sidebar-logo span{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0a}.nav-item.active{color:var(--text-primary);background:#6366f126;border-color:#6366f14d;box-shadow:var(--shadow-neon-indigo)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-glass);padding-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.user-profile-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-indigo) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-title);color:#fff;border:2px solid var(--border-glass)}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-title h1{font-size:2rem;font-weight:700;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title p{font-size:.95rem;color:var(--text-secondary);margin-top:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{padding:1.5rem;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient, var(--color-indigo))}.metric-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.75rem}.metric-value{font-family:var(--font-title);font-size:2rem;font-weight:700;color:var(--text-primary)}.metric-footer{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}.chart-container{padding:1.5rem}.chart-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid transparent}.badge-status-nuevo{background:var(--status-nuevo-glow);color:var(--status-nuevo);border-color:#3b82f64d}.badge-status-contactado{background:var(--status-contactado-glow);color:var(--status-contactado);border-color:#f59e0b4d}.badge-status-negociacion{background:var(--status-negociacion-glow);color:var(--status-negociacion);border-color:#8b5cf64d}.badge-status-ganado{background:var(--status-ganado-glow);color:var(--status-ganado);border-color:#10b9814d}.badge-status-perdido{background:var(--status-perdido-glow);color:var(--status-perdido);border-color:#ef44444d}.badge-priority-baja{background:#10b9811a;color:var(--priority-baja)}.badge-priority-media{background:#f59e0b1a;color:var(--priority-media)}.badge-priority-alta{background:#ef44441a;color:var(--priority-alta)}.table-responsive{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-glass)}.custom-table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-glass);white-space:nowrap}.custom-table tbody tr{transition:background-color var(--transition-fast);cursor:pointer}.custom-table tbody tr:hover{background-color:#ffffff05}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-indigo) 100%);color:#fff;box-shadow:var(--shadow-neon-cyan)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 20px #06b6d466}.btn-brand{background:var(--color-indigo);color:#fff;box-shadow:var(--shadow-neon-indigo)}.btn-brand:hover{filter:brightness(1.1);box-shadow:0 0 20px #b8012d66}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-glass)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-glass-hover)}.btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-danger:hover{background:#ef444433;color:#fff}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:#111827cc;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-cyan);box-shadow:var(--shadow-neon-cyan)}.form-textarea{min-height:100px;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg);padding:2rem;position:relative;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-glass);padding-bottom:1rem;margin-bottom:1.5rem}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:#ffffff0d;color:var(--text-primary)}.timeline-container{margin-top:2rem;border-top:1px solid var(--border-glass);padding-top:1.5rem}.timeline{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem;max-height:250px;overflow-y:auto;padding-right:.5rem}.timeline-item{display:flex;gap:1rem}.timeline-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-cyan);border:1px solid var(--border-glass)}.timeline-body{flex:1;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.75rem 1rem}.timeline-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}.timeline-user{font-weight:600;color:var(--text-secondary)}.timeline-content{font-size:.875rem;color:var(--text-primary);line-height:1.4;white-space:pre-line}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0%,var(--bg-main) 70%);padding:1.5rem}.auth-card{width:100%;max-width:440px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2.25rem;font-weight:800;font-family:var(--font-title);margin-bottom:.5rem}.auth-logo span{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:1.25rem;border:1px solid transparent}.auth-alert-error{background:#ef44441a;color:#ef4444;border-color:#ef444433}.auth-alert-success{background:#10b9811a;color:#10b981;border-color:#10b98133}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary)}.auth-link{color:var(--color-cyan);text-decoration:none;font-weight:600;cursor:pointer}.auth-link:hover{text-decoration:underline}.funnel-stage{display:flex;align-items:center;margin-bottom:.75rem;gap:1rem}.funnel-label{width:110px;font-size:.8rem;color:var(--text-secondary);text-transform:capitalize;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.funnel-bar-wrapper{flex:1;height:24px;background:#ffffff08;border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05)}.funnel-bar{height:100%;background:var(--funnel-color, var(--color-indigo));transition:width .8s ease-out;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.funnel-bar-val{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.upcoming-list{display:flex;flex-direction:column;gap:1rem}.upcoming-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md)}.upcoming-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.upcoming-date{font-size:.75rem;color:var(--text-muted)}