body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{overflow:hidden}#root,.App{height:100vh}.App{display:flex;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f2f6;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.text-primary{color:#27ae60}.text-secondary{color:#6c757d}.text-success{color:#27ae60}.text-danger{color:#e74c3c}.text-warning{color:#f39c12}.text-info{color:#3498db}.text-muted{color:#95a5a6}.btn{outline:none;padding:12px 20px;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width:768px){body{font-size:14px}.btn{font-size:13px;padding:10px 16px}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-loading{align-items:center;color:#2d8659;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e3f2fd;border-left-color:#2d8659;height:48px;width:48px}.dashboard-error{background:#fff;border-left:4px solid #f44336;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px;text-align:center}.dashboard-error h2{color:#f44336;margin-bottom:16px}.dashboard-error button{background:#2d8659;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;padding:12px 24px;transition:background .3s ease}.dashboard-error button:hover{background:#1e5a3a}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d8659,#7cb342);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0;text-align:left}.user-context{background:#fff;border-left:4px solid #2d8659;border-radius:12px;box-shadow:0 2px 10px #0000000d;min-width:280px;padding:16px 20px}.user-context p{color:#555;font-size:14px;margin:4px 0}.admin-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.dashboard-grid{grid-gap:28px;display:grid;gap:28px;grid-template-rows:auto auto auto}.metrics-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:28px}.metric-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;overflow:hidden;padding:28px 24px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#2d8659,#7cb342);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.metric-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;margin-right:20px;width:64px}.total-icon{background:linear-gradient(135deg,#2d8659,#1e5a3a);box-shadow:0 4px 15px #2d865966;color:#fff}.simulaciones-icon{background:linear-gradient(135deg,#7cb342,#8bc34a);box-shadow:0 4px 15px #7cb34266;color:#fff}.salario-icon{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 15px #2196f366;color:#fff}.metric-content{display:flex;flex:1 1;flex-direction:column}.metric-value{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-label{color:#2d8659;font-size:16px;font-weight:600;margin-bottom:2px}.metric-subtitle{color:#666;font-size:13px;font-weight:500}.charts-section{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.chart-container{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.chart-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.chart-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 8px}.chart-subtitle{color:#666;font-size:14px;margin:0}.chart-content{height:300px;overflow-y:auto;position:relative}.area-distribution{display:flex;flex-direction:column;gap:16px}.area-item{background:#f8f9fa;border-left:4px solid #2d8659;border-radius:12px;padding:16px;transition:all .3s ease}.area-item:hover{background:#e8f5e8;transform:translateX(4px)}.area-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.area-name{color:#1a1a1a}.area-name,.area-value{font-size:14px;font-weight:600}.area-value{color:#2d8659}.area-bar{background:#e0e0e0;border-radius:3px;height:6px;overflow:hidden}.area-fill{background:linear-gradient(90deg,#2d8659,#7cb342);border-radius:3px;height:100%;transition:width .8s ease}.salary-distribution{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.salary-range{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:12px;padding:16px;transition:all .3s ease}.salary-range:hover{background:#e3f2fd;transform:translateX(4px)}.range-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.range-label{color:#1a1a1a}.range-label,.range-value{font-size:14px;font-weight:600}.range-value{color:#2196f3}.range-bar{background:#e0e0e0;border-radius:3px;height:6px;overflow:hidden}.range-fill{background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:3px;height:100%;transition:width .8s ease}.salary-summary{grid-gap:16px;border-top:2px solid #f0f0f0;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px;padding-top:20px}.summary-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;padding:16px;text-align:center}.summary-label{color:#666;font-size:13px;font-weight:500;margin-bottom:8px}.summary-value{color:#2196f3;font-size:18px;font-weight:700}.progress-section{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.progress-container,.status-container{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.progress-header,.status-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.progress-header h3,.status-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.cargos-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.cargo-item{background:#f8f9fa;border-left:4px solid #7cb342;border-radius:12px;padding:16px;transition:all .3s ease}.cargo-item:hover{background:#e8f5e8;transform:translateX(4px)}.cargo-info{align-items:center;display:flex;justify-content:space-between}.cargo-name{color:#1a1a1a;flex:1 1;font-size:14px;font-weight:600;margin-right:16px}.cargo-count{background:#7cb3421a;border-radius:20px;color:#7cb342;font-size:13px;font-weight:600;padding:4px 12px}.simulation-stats{display:flex;flex-direction:column;gap:16px}.stat-item{align-items:center;background:#f8f9fa;border-left:4px solid #ff9800;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.stat-item:hover{background:#fff3e0;transform:translateX(4px)}.stat-label{color:#1a1a1a;font-size:14px;font-weight:600}.stat-value{color:#ff9800;font-size:16px;font-weight:700}.filter-info{border-radius:12px;margin-top:32px;padding:20px;text-align:center}.filter-message{font-size:14px;font-weight:500;margin:0}.admin-filter{background:linear-gradient(135deg,#fff3e0,#ffecb3);border-left:4px solid #ff9800;color:#e65100}.user-filter{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:4px solid #2d8659;color:#1b5e20}@media (max-width:1200px){.charts-section,.progress-section{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column}.metrics-cards{grid-template-columns:1fr}.dashboard-header h1{font-size:24px;margin-bottom:16px}.user-context{margin-bottom:16px;min-width:auto}.metric-card{padding:20px 16px}.metric-value{font-size:24px}.chart-container{padding:16px}.chart-content{height:250px}.salary-summary{grid-template-columns:1fr}}@media (max-width:480px){.metric-card{flex-direction:column;text-align:center}.metric-icon{height:48px;margin-bottom:16px;margin-right:0;width:48px}.metric-value{font-size:20px}.area-info,.cargo-info,.range-info,.stat-item{align-items:flex-start;flex-direction:column;gap:8px}.area-value,.cargo-count,.range-value,.stat-value{align-self:flex-end}}:root{--primary-color:#27ae60;--primary-dark:#2d8659;--primary-light:#7cb342;--accent-color:#27ae60;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--bg-overlay:#f8f9faf2;--text-primary:#2c3e50;--text-secondary:#6c757d;--text-muted:#9ca3af;--text-accent:#27ae60;--border-light:#e9ecef;--border-medium:#dee2e6;--border-dark:#adb5bd;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 12px #00000014;--shadow-xl:0 6px 20px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}.chatbot-layout-modern{background:#f8f9fa;background:var(--bg-secondary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;max-height:100vh;overflow:hidden;position:relative}.chat-header-modern{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;z-index:10}.header-content-modern{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.header-avatar{align-items:center;display:flex;justify-content:center;position:relative}.avatar-image{border:2px solid #dee2e6;border:2px solid var(--border-medium);border-radius:50%;height:48px;padding:3px;width:48px}.avatar-image,.message-avatar-image{background:#fff;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);object-fit:cover}.message-avatar-image{border:1px solid #dee2e6;border:1px solid var(--border-medium);border-radius:50%;height:32px;padding:2px;width:32px}.avatar-icon{align-items:center;background:#27ae60;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.status-indicator{border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:14px}.status-indicator.online{background:#27ae60;background:var(--primary-color)}.status-indicator.loading{animation:loading-pulse 1.5s ease-in-out infinite;background:var(--warning-color)}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.header-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.assistant-name{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.assistant-status{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.header-actions{gap:.5rem;gap:var(--spacing-sm)}.action-btn{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:40px}.action-btn:hover{background:#f8f9fa;background:var(--bg-secondary);border-color:#dee2e6;border-color:var(--border-medium);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#27ae60;color:var(--text-accent)}.messages-container-modern{background:#fff;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);overflow-y:auto;padding:2rem;padding:var(--spacing-xl);position:relative;scroll-behavior:smooth;z-index:1}.messages-container-modern::-webkit-scrollbar{width:6px}.messages-container-modern::-webkit-scrollbar-track{background:#0000}.messages-container-modern::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-medium);border-radius:3px}.messages-container-modern::-webkit-scrollbar-thumb:hover{background:#adb5bd;background:var(--border-dark)}.message-wrapper{align-items:flex-start;animation:fadeInUp .4s ease-out;display:flex;gap:1rem;gap:var(--spacing-md)}.message-wrapper.user{flex-direction:row-reverse}.message-wrapper.typing{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;margin-top:.25rem;margin-top:var(--spacing-xs);width:36px}.message-wrapper.user .message-avatar{background:#27ae60;background:var(--primary-color);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#fff}.message-wrapper.assistant .message-avatar{background:#f1f3f4;background:var(--bg-tertiary);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#6c757d;color:var(--text-secondary)}.message-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);max-width:85%}.message-wrapper.user .message-content{align-items:flex-end}.message-bubble{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.message-wrapper.user .message-bubble{background:#27ae60;background:var(--primary-color);border-bottom-right-radius:8px;border-bottom-right-radius:var(--radius-sm);color:#fff;max-width:70%}.message-wrapper.assistant .message-bubble{background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-bottom-left-radius:8px;border-bottom-left-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#2c3e50;color:var(--text-primary)}.bot-response{color:#2c3e50;color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.bot-response h1,.bot-response h2,.bot-response h3{color:#2c3e50;color:var(--text-primary);font-weight:700}.bot-response table{border:2px solid #2d86591f;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 6px 24px #2d86591a;margin:1.5rem 0;margin:var(--spacing-lg) 0;overflow:hidden;width:100%}.bot-response code{background:#f1f3f4;background:var(--bg-tertiary);border-radius:4px;color:#27ae60;color:var(--text-accent);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;padding:2px 6px}.message-wrapper.typing .message-bubble{background:#f1f3f4;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-light)}.message-bubble:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md)}.user-text{font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.markdown-content{color:#2c3e50;color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7}.markdown-content p{font-size:.95rem;font-weight:400;letter-spacing:.1px;line-height:1.7;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.markdown-content p:last-child{margin-bottom:0}.markdown-h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 1.5rem;margin:0 0 var(--spacing-lg) 0}.markdown-h1,.markdown-h2{color:#2c3e50;color:var(--text-primary)}.markdown-h2{font-size:1.25rem;font-weight:700;line-height:1.4;margin:1.5rem 0 1rem;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.markdown-h3{color:#27ae60;color:var(--text-accent);font-size:1.1rem;font-weight:600;line-height:1.4;margin:1rem 0 .5rem;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.markdown-li{font-size:.95rem;line-height:1.6;list-style:none;margin:.25rem 0;margin:var(--spacing-xs) 0;padding-left:1rem;padding-left:var(--spacing-md);position:relative}.markdown-li:before{color:#27ae60;color:var(--text-accent);content:"•";font-weight:700;left:0;position:absolute}.markdown-hr{background:#e9ecef;background:var(--border-light);border:none;height:1px;margin:1.5rem 0;margin:var(--spacing-lg) 0;opacity:.7}.typing-indicator{align-items:center;display:flex;gap:4px;padding:.5rem 0;padding:var(--spacing-sm) 0}.typing-indicator span{animation:typing-bounce 1.4s ease-in-out infinite;background:#6c757d;background:var(--text-secondary);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0ms}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.message-meta{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-top:.25rem;margin-top:var(--spacing-xs)}.message-wrapper.user .message-meta{justify-content:flex-end}.message-time{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-weight:500}.message-actions{display:flex;gap:.25rem;gap:var(--spacing-xs);opacity:0;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.message-wrapper:hover .message-actions{opacity:1}.action-btn-small{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:24px}.action-btn-small:hover{background:#f8f9fa;background:var(--bg-secondary);color:#27ae60;color:var(--text-accent)}.input-area-modern{background:#fff;background:var(--bg-primary);border-top:1px solid #e9ecef;border-top:1px solid var(--border-light);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;z-index:10}.quick-suggestions{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.suggestions-title{color:#2c3e50;color:var(--text-primary);display:block;font-size:2rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.quick-suggestions-grid{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-suggestion-btn{background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#2c3e50;color:var(--text-primary);cursor:pointer;font-size:1.5rem;font-weight:600;line-height:1.6;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.quick-suggestion-btn:hover{background:#27ae60;background:var(--primary-color);border-color:#27ae60;border-color:var(--primary-color);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#fff}.quick-suggestions-persistent{background:#f1f3f4!important;background:var(--bg-tertiary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-medium)!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;margin-bottom:.25rem!important;margin-bottom:var(--spacing-xs)!important;padding:.5rem 1rem!important;padding:var(--spacing-sm) var(--spacing-md)!important}.quick-suggestions-persistent .suggestions-title{color:#6c757d!important;color:var(--text-secondary)!important;font-size:1.275rem!important;font-weight:600!important;margin-bottom:.25rem!important;margin-bottom:var(--spacing-xs)!important}.quick-suggestions-persistent .quick-suggestions-grid{gap:.25rem!important;gap:var(--spacing-xs)!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.quick-suggestion-btn-persistent{background:#fff!important;background:var(--bg-primary)!important;border:1px solid #e9ecef!important;border:1px solid var(--border-light)!important;color:#6c757d!important;color:var(--text-secondary)!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.3!important;padding:.25rem .5rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important;transition:.15s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-fast)!important}.quick-suggestion-btn-persistent:hover{background:#7cb342!important;background:var(--primary-light)!important;border-color:#7cb342!important;border-color:var(--primary-light)!important;box-shadow:0 1px 3px #0000000a!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;transform:translateY(-1px)!important}.input-form-modern{position:relative}.input-container-modern{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.input-container-modern:focus-within{border-color:#27ae60;border-color:var(--primary-color);box-shadow:0 1px 3px #0000000a,0 0 0 2px #27ae601a;box-shadow:var(--shadow-sm),0 0 0 2px #27ae601a}.message-input-modern{background:#0000;border:none;color:#2c3e50;color:var(--text-primary);flex:1 1;font-size:.95rem;font-weight:500;line-height:1.5;outline:none}.message-input-modern::placeholder{color:#9ca3af;color:var(--text-muted);font-weight:400}.send-button-modern{align-items:center;background:#27ae60;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:44px}.send-button-modern:hover:not(:disabled){background:#2d8659;background:var(--primary-dark);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md)}.send-button-modern:active{transform:translateY(0) scale(.95)}.send-button-modern:disabled{cursor:not-allowed;opacity:.4;transform:none}.loading-spinner-small{align-items:center;display:flex;justify-content:center}.loading-circle{animation:loading-spin 1s linear infinite}@keyframes loading-spin{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}.chat-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--border-light);margin-top:1rem;margin-top:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md);text-align:center}.footer-text{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-weight:500}@media (max-width:768px){.chatbot-layout-modern{height:100vh}.chat-header-modern{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.header-content-modern{gap:1rem;gap:var(--spacing-md)}.avatar-icon{font-size:20px;height:40px;width:40px}.assistant-name{font-size:1.1rem}.messages-container-modern{gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.message-content{max-width:90%}.message-bubble{padding:1rem;padding:var(--spacing-md)}.input-area-modern{padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.quick-suggestions{margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}.quick-suggestions-grid{gap:.25rem;gap:var(--spacing-xs);grid-template-columns:1fr}.suggestions-title{font-size:3rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.quick-suggestion-btn{font-size:3rem;line-height:1.5}.input-container-modern,.quick-suggestion-btn{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.send-button-modern{height:40px;width:40px}}@media (max-width:480px){.chat-header-modern{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.messages-container-modern{padding:1rem;padding:var(--spacing-md)}.input-area-modern{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.message-wrapper{gap:.5rem;gap:var(--spacing-sm)}.message-avatar{font-size:16px;height:32px;width:32px}.message-bubble{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.markdown-h1{font-size:1.3rem}.markdown-h2{font-size:1.15rem}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.input-area-modern{animation:slideInFromBottom .4s ease-out}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.message-bubble:before{background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:.5s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);z-index:-1}.message-wrapper.assistant .message-bubble:hover:before{opacity:.02}.markdown-content{scrollbar-color:#dee2e6 #0000;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.markdown-content strong{color:#2c3e50;color:var(--text-primary);font-weight:700}.markdown-content em{color:#6c757d;color:var(--text-secondary);font-style:italic}.markdown-content code{background:#f1f3f4;background:var(--bg-tertiary);border-radius:4px;color:#27ae60;color:var(--text-accent);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em;padding:2px 6px}.bot-response .range-info,.bot-response .range-value,.bot-response .salary-range{border-left-color:#27ae60!important;border-left-color:var(--primary-color)!important;color:var(--text-success)!important}.bot-response .area-fill,.bot-response .range-fill{background:#27ae60!important;background:var(--primary-color)!important}.bot-response .stat-item{border-left-color:#27ae60!important;border-left-color:var(--primary-color)!important}.bot-response .stat-value{color:var(--text-success)!important}.bot-response .impacto-icon,.bot-response .metric-icon,.bot-response .salario-icon,.bot-response .simulaciones-icon{background:#27ae60!important;background:var(--primary-color)!important;color:#fff!important}.bot-response .professional-table,.bot-response .stats-table,.bot-response table{border:1px solid #e9ecef!important;border:1px solid var(--border-light)!important}.bot-response .professional-table th,.bot-response .professional-table thead,.bot-response .stats-table th,.bot-response .stats-table thead,.bot-response table th,.bot-response table thead{background:#27ae60!important;background:var(--primary-color)!important;color:#fff!important}.bot-response .professional-table th,.bot-response .stats-table th,.bot-response table th{border-color:#fff3!important}.bot-response .professional-table td,.bot-response .stats-table td,.bot-response table td{border-color:#e9ecef!important;border-color:var(--border-light)!important}.bot-response .currency-value,.bot-response .percentage-value{background:var(--bg-success)!important;color:var(--text-success)!important}.bot-response .admin-badge{background:#27ae60!important;background:var(--primary-color)!important;color:#fff!important}.bot-response .cargo-item{border-left-color:#27ae60!important;border-left-color:var(--primary-color)!important}.bot-response .cargo-count{background:var(--bg-success)!important;color:var(--text-success)!important}.response-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-light);font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 1.5rem;margin:0 0 var(--spacing-lg) 0;padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.response-section,.response-title{color:#2c3e50;color:var(--text-primary)}.response-section{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);line-height:1.4;margin:2rem 0 1rem;margin:var(--spacing-xl) 0 var(--spacing-md) 0}.response-section:before{background:var(--primary-gradient);border-radius:2px;content:"";height:24px;width:4px}.response-subsection{color:#27ae60;color:var(--text-accent);font-size:1.1rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .5rem;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.response-paragraph{color:#2c3e50;color:var(--text-primary);font-size:.95rem;line-height:1.7}.response-list,.response-paragraph{margin:1rem 0;margin:var(--spacing-md) 0}.response-list{list-style:none;padding-left:0}.response-list-item{font-size:.95rem;line-height:1.6;margin:.5rem 0;margin:var(--spacing-sm) 0;padding-left:1.5rem;padding-left:var(--spacing-lg);position:relative}.response-list-item:before{color:#27ae60;color:var(--text-accent);content:"▶";font-weight:700;left:0;position:absolute;top:0}.comparison-table,.stats-container{border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);margin:1.5rem 0;margin:var(--spacing-lg) 0;overflow-x:auto}.professional-table,.response-table,.stats-table{background:#fff;background:var(--bg-primary);border-collapse:collapse;font-size:.9rem;line-height:1.4;width:100%}.professional-table thead,.response-table-header,.stats-table thead{background:var(--primary-gradient);color:#fff}.professional-table th,.response-table-th,.stats-table th{border-bottom:2px solid #fff3;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase}.professional-table tbody,.response-table-body,.stats-table tbody{background:#fff;background:var(--bg-primary)}.professional-table td,.response-table-td,.stats-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);vertical-align:top}.professional-table tr:nth-child(2n),.stats-table tr:nth-child(2n){background:#f8f9fa;background:var(--bg-secondary)}.professional-table tr:hover,.stats-table tr:hover{background:#f1f3f4;background:var(--bg-tertiary);transition:background-color .2s ease}.historical-data-table,.trend-analysis-table{background:#fff;border:2px solid #2d865926;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #2d865914;margin:2rem 0;margin:var(--spacing-xl) 0;overflow:hidden}.table-container{background:var(--bg-primary);border:2px solid #2d86591f;border-radius:var(--radius-lg);box-shadow:0 6px 24px #2d865914;margin:2rem 0;margin:var(--spacing-xl) 0;max-width:100%;overflow-y:visible;padding:0}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#27ae60;background:var(--primary-color);border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#2d8659;background:var(--primary-dark)}.historical-data-table thead{background:linear-gradient(135deg,#27ae60,#2d8659);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.historical-data-table th{border:1px solid #ffffff26;border-right-color:#fff3;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;line-height:1.4;min-width:120px;padding:18px 16px;text-align:center;text-transform:uppercase}.historical-data-table th:last-child{border-right:none}.historical-data-table th small{display:block;font-size:11px;font-weight:400;letter-spacing:normal;margin-top:4px;opacity:.9;text-transform:none}.historical-data-table th[rowspan]{background:#2d8659;background:var(--primary-dark);font-size:.9rem;font-weight:900;min-width:160px;vertical-align:middle;writing-mode:horizontal-tb}.historical-data-table td{border:1px solid #e2e8f0;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.4;padding:12px 16px;position:relative;text-align:center;vertical-align:middle}.historical-data-table td[style*="text-align: right"]{color:#27ae60;color:var(--primary-color);font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:700}.historical-data-table td[style*="font-weight: 600"]{background:#2d86590d;font-weight:700}.historical-data-table td:first-child{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-right:2px solid #2d86591a;color:#2c3e50;color:var(--text-primary);font-weight:700;min-width:180px;padding-left:1.5rem;padding-left:var(--spacing-lg);text-align:left}.historical-data-table tbody tr:hover td{background:#2d86590d;box-shadow:0 2px 8px #2d86591a;transform:translateY(-1px);transition:all .2s ease}.historical-data-table tbody tr:hover td:first-child{background:#2d865914;color:#2d8659;color:var(--primary-dark)}.historical-data-table .currency-value{background:#27ae6014;border:1px solid #27ae6026;border-radius:6px;color:#27ae60;color:var(--primary-color);display:inline-block;font-family:Segoe UI,SF Mono,Roboto Mono,monospace;font-size:.85rem;font-weight:800;letter-spacing:.3px;min-width:85px;padding:6px 10px}.table-header-cell{background:#27ae60!important;background:var(--primary-color)!important;border:1px solid #fff3!important;color:#fff!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important}.table-data-cell,.table-header-cell{padding:12px 16px!important;text-align:center!important}.table-data-cell{border:1px solid #e2e8f0!important;font-family:Segoe UI,system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;vertical-align:middle!important}.table-data-cell:first-child{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-right:2px solid #2d86591a!important;color:#2c3e50!important;color:var(--text-primary)!important;font-weight:700!important;padding:12px 16px!important;text-align:center!important}.historical-data-table tbody td:not(:first-child){font-feature-settings:"tnum" 1;position:relative}.historical-data-table tbody td:not(:first-child):not(:last-child):after{background:#2d86591a;bottom:10%;content:"";position:absolute;right:0;top:10%;width:1px}.currency-value{font-feature-settings:"tnum" 1;color:#27ae60;color:var(--text-accent);font-weight:700}.percentage-value{font-feature-settings:"tnum" 1;background:var(--bg-success);border-radius:4px;color:var(--text-success);font-weight:600;padding:2px 6px}.date-value{font-feature-settings:"tnum" 1;color:#6c757d;color:var(--text-secondary);font-weight:500}.highlight{background:#2d86591a;border-radius:3px;color:#27ae60;color:var(--text-accent);font-weight:600;padding:1px 4px}.search-results{margin:1.5rem 0;margin:var(--spacing-lg) 0}.result-item{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.result-item:hover{background:#f1f3f4;background:var(--bg-tertiary);border-color:#dee2e6;border-color:var(--border-medium);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.result-item h4{color:#27ae60;color:var(--text-accent);font-size:1.1rem;font-weight:700}.result-item h4,.result-item p{margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.result-item p{color:#2c3e50;color:var(--text-primary);line-height:1.6}.result-meta{border-top:1px solid #e9ecef;border-top:1px solid var(--border-light);color:#9ca3af;color:var(--text-muted);font-size:.8rem;font-style:italic;margin-top:.5rem;margin-top:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.response-metadata{background:#f1f3f4;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);font-size:.85rem;margin-top:2rem;margin-top:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.data-source,.query-info,.query-type{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.data-source:last-child,.query-info:last-child,.query-type:last-child{margin-bottom:0}.data-source strong,.query-info strong,.query-type strong{color:#27ae60;color:var(--text-accent);min-width:140px}.error-response{background:var(--bg-danger);border:1px solid var(--border-danger);border-radius:16px;border-radius:var(--radius-lg);margin:1.5rem 0;margin:var(--spacing-lg) 0;padding:2rem;padding:var(--spacing-xl)}.error-title{align-items:center;color:var(--text-danger);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.error-description{color:var(--text-danger);line-height:1.6;margin:0 0 1.5rem;margin:0 0 var(--spacing-lg) 0}.error-details{background:var(--bg-warning);border:1px solid var(--border-danger);border-radius:8px;border-radius:var(--radius-sm);margin:1rem 0;margin:var(--spacing-md) 0;padding:1rem;padding:var(--spacing-md)}.error-details code{background:#0000;color:var(--text-danger);font-weight:600}.error-suggestions{margin:1.5rem 0;margin:var(--spacing-lg) 0}.error-suggestions h4{color:var(--text-danger);font-size:1rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.error-suggestions ul{list-style-type:disc;margin:0;padding-left:1.5rem;padding-left:var(--spacing-lg)}.error-suggestions li{color:var(--text-danger);line-height:1.5;margin:.25rem 0;margin:var(--spacing-xs) 0}.error-contact{background:var(--bg-warning);border-radius:8px;border-radius:var(--radius-sm);margin:1.5rem 0;margin:var(--spacing-lg) 0;padding:1rem;padding:var(--spacing-md)}.error-contact h4{color:var(--text-danger);font-size:1rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.error-contact p{color:var(--text-danger);font-size:.9rem;margin:.25rem 0;margin:var(--spacing-xs) 0}.error-footer{border-top:1px solid #fca5a5;color:var(--text-danger);font-style:italic;margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-md);text-align:center}.bot-response h3+.historical-data-table,.bot-response h4+.historical-data-table{margin-top:1rem;margin-top:var(--spacing-md)}.historical-data-table{overflow-x:auto;scroll-behavior:smooth}.historical-data-table::-webkit-scrollbar{height:8px}.historical-data-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.historical-data-table::-webkit-scrollbar-thumb{background:#2d86594d;border-radius:4px}.historical-data-table::-webkit-scrollbar-thumb:hover{background:#2d865980}.historical-data-table:after{background:#2d86590d;border-radius:12px;bottom:-30px;color:#9ca3af;color:var(--text-muted);content:"← Desliza para ver más →";font-size:.75rem;left:50%;opacity:.7;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.response-title{font-size:1.3rem}.response-section{font-size:1.1rem}.comparison-table,.stats-container{font-size:.8rem}.professional-table th,.response-table-th,.stats-table th{font-size:.75rem;padding:.5rem;padding:var(--spacing-sm)}.historical-data-table th{font-size:.7rem;line-height:1.1;min-width:60px;padding:.5rem;padding:var(--spacing-sm)}.historical-data-table th[rowspan]{font-size:.8rem;min-width:120px}.professional-table td,.response-table-td,.stats-table td{padding:.5rem;padding:var(--spacing-sm)}.historical-data-table td{font-size:.8rem;padding:.5rem 4px;padding:var(--spacing-sm) 4px}.historical-data-table td:first-child{min-width:140px;padding-left:1rem;padding-left:var(--spacing-md)}.table-container{margin:1.5rem 0;margin:var(--spacing-lg) 0;overflow-x:auto;padding:0;position:relative}.historical-data-table,.trend-analysis-table{margin:1.5rem 0;margin:var(--spacing-lg) 0;min-width:500px;overflow-x:auto}.professional-table,.response-table,.stats-table{font-size:.8rem;min-width:600px}.historical-data-table .currency-value{font-size:.7rem;letter-spacing:.1px;min-width:50px;padding:3px 6px}.response-metadata{font-size:.8rem;padding:1rem;padding:var(--spacing-md)}.data-source strong,.query-info strong,.query-type strong{display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);min-width:auto}.quick-suggestions-persistent .quick-suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.quick-suggestion-btn-persistent{font-size:1.8rem!important;padding:8px 10px!important}.quick-suggestions-persistent .suggestions-title{font-size:2.7rem!important}}.bot-response th[style*=background]{background:#27ae60!important;background:var(--primary-color)!important;color:#fff!important}.bot-response td[style*=color]{color:#2c3e50!important;color:var(--text-primary)!important}.bot-response [style*="background-color: #"]{background-color:#f8f9fa!important;background-color:var(--bg-secondary)!important}.bot-response a{color:#27ae60!important;color:var(--text-accent)!important;cursor:pointer!important;font-weight:600!important;text-decoration:underline!important;transition:.3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-normal)!important}.bot-response a:hover{color:#2d8659!important;color:var(--primary-dark)!important;text-decoration:none!important;text-shadow:0 1px 2px #27ae6033!important;transform:translateY(-1px)!important}.bot-response a[target=_blank]{padding-right:18px!important;position:relative!important}.bot-response a[target=_blank]:after{content:"🔗"!important;font-size:.8em!important;margin-left:4px!important;opacity:.7!important}.bot-response .google-drive-link{background:linear-gradient(135deg,#27ae60,#2d8659)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #27ae604d!important;color:#fff!important;display:inline-block!important;font-size:.95rem!important;font-weight:600!important;margin:8px 0!important;padding:10px 16px!important;text-decoration:none!important;transition:all .3s ease!important}.bot-response .google-drive-link:hover{background:linear-gradient(135deg,#2d8659,#27ae60)!important;box-shadow:0 4px 16px #27ae6066!important;text-decoration:none!important;transform:translateY(-2px) scale(1.02)!important}.bot-response .google-drive-link:active{box-shadow:0 2px 8px #27ae604d!important;transform:translateY(0) scale(1.01)!important}.bot-response strong{color:#2c3e50!important;color:var(--text-primary)!important}.bot-response [style*=border-color],.bot-response [style*=border-left-color]{border-color:#dee2e6!important;border-color:var(--border-medium)!important}.bot-response [style*="color: #1976d2"],.bot-response [style*="color: #2196f3"],.bot-response [style*="color: #f57c00"],.bot-response [style*="color: #ff9800"],.bot-response [style*="color: #ffc107"]{color:var(--text-success)!important}.bot-response [style*="background-color: #2196f3"],.bot-response [style*="background-color: #ff9800"],.bot-response [style*="background: linear-gradient"]{background:var(--bg-success)!important;color:var(--text-success)!important}.plantilla-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:16px}.plantilla-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 6px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:18px 24px}.header-left h1{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.header-left p{color:#64748b;font-size:14px;margin:0}.header-right{display:flex;gap:12px}.btn-export,.btn-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-refresh{background-color:#f1f5f9;color:#475569}.btn-refresh:hover{background-color:#e2e8f0;transform:translateY(-1px)}.btn-export{background-color:#3b82f6;color:#fff}.btn-export:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-nueva-posicion{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-nueva-posicion:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.filters-section{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 1px 6px #00000014;margin-bottom:16px;padding:16px 20px}.primary-filter{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:16px}.name-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-header{align-items:center;display:flex;flex-shrink:0;gap:8px}.filter-icon{color:#3b82f6;height:18px;width:18px}.filter-label{color:#1e293b;font-size:14px;font-weight:600;margin:0}.name-filter-container{max-width:400px;position:relative}.name-filter-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 4px #0000000a;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.name-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.name-filter-input::placeholder{color:#94a3b8;font-style:italic}.clear-filter-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px}.clear-filter-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.filter-results{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-left:3px solid #3b82f6;border-radius:6px;margin-top:8px;padding:6px 12px}.results-count{color:#1e40af;font-size:12px;font-weight:600}.secondary-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-container{flex:1 1;max-width:250px;min-width:200px;position:relative}.search-icon{color:#94a3b8;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:13px;padding:10px 12px 10px 36px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;outline:none}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;min-width:140px;padding:10px 12px;transition:border-color .3s ease}.filter-select:focus{border-color:#3b82f6;outline:none}.clear-all-btn{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.clear-all-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-1px)}.filter-percentage{color:#64748b;font-size:10px;font-weight:500;margin-top:2px}@media (max-width:768px){.name-filter-row{align-items:flex-start;flex-direction:column;gap:10px}.filter-header{width:100%}.name-filter-container{max-width:100%;width:100%}.secondary-filters{align-items:stretch;flex-direction:column;gap:8px}.filter-select,.search-container{min-width:auto;width:100%}.clear-all-btn{align-self:center}}@media (max-width:480px){.filters-section{padding:12px 16px}.primary-filter{margin-bottom:12px;padding-bottom:12px}.filter-label{font-size:13px}.name-filter-input{font-size:13px;padding:10px 14px}.filter-select,.search-input{font-size:12px;padding:8px 10px}}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-nueva-posicion{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #f1f5f9;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.modal-content{padding:32px}.form-sections{display:flex;flex-direction:column;gap:32px}.form-section{border-left:4px solid #3b82f6}.form-section h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.tipo-creacion-selector{display:flex;gap:16px;margin-top:16px}.tipo-option{cursor:pointer;display:block;flex:1 1;position:relative}.tipo-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.tipo-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:20px 16px;text-align:center;transition:all .3s ease}.tipo-option:hover .tipo-label{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.tipo-option.active .tipo-label{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d;color:#fff}.tipo-icon{display:block;font-size:24px;margin-bottom:8px}.tipo-text{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.tipo-desc{display:block;font-size:12px;line-height:1.3;opacity:.7}.tipo-option.active .tipo-desc{opacity:.9}@media (max-width:640px){.tipo-creacion-selector{flex-direction:column;gap:12px}.tipo-label{min-height:80px;padding:16px 12px}}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1/-1}.form-field label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.form-field input,.form-field select,.form-field textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-field input[required]{border-color:#f59e0b}.form-field input[required]:focus{border-color:#3b82f6}.form-field textarea{min-height:80px;resize:vertical}.modal-actions{border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-cancel{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.btn-create{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-create:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.btn-create:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modal-overlay{padding:10px}.modal-nueva-posicion{max-height:95vh;max-width:100%}.modal-header{padding:20px 24px}.modal-content{padding:24px 20px}.form-grid{gap:16px;grid-template-columns:1fr}.form-section{padding:20px 16px}.modal-actions{flex-direction:column;gap:12px}.btn-cancel,.btn-create{text-align:center;width:100%}}.table-container{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #00000014;contain:layout style paint;isolation:isolate;margin-bottom:20px;max-height:75vh;overflow-y:auto;padding-top:2px;will-change:scroll-position}.table-container,.table-wrapper{position:relative;transform:translateZ(0)}.table-wrapper{width:100%}.plantilla-table{border-collapse:initial;border-spacing:0;font-size:14px;min-width:2400px;position:relative;table-layout:auto;width:100%}.plantilla-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:3px solid #22c55e;box-shadow:0 4px 12px #00000026,0 2px 4px #22c55e1a;color:#1f2937;font-size:12px;font-weight:700;isolation:isolate;letter-spacing:.025em;line-height:1.3;min-height:70px;padding:18px 10px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;transform:translateZ(0);vertical-align:middle;z-index:1500}.plantilla-table td{background:#fffffff2;border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px;line-height:1.5;max-width:200px;overflow:hidden;padding:18px 12px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;z-index:10}.plantilla-table tbody tr:first-child td{border-top:2px solid #e2e8f0;padding-top:20px}.plantilla-table tbody tr:hover{box-shadow:2px 0 8px #22c55e1a;transform:translateX(2px);transition:all .2s ease}.documento{color:#3b82f6}.documento,.nombre{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nombre{color:#1e293b;max-width:180px}.currency{color:#059669}.currency,.percentage{font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.percentage{color:#d97706}.comentarios{line-height:1.4;max-height:60px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.pagination-section{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 6px #00000014;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.pagination-info{color:#64748b;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.page-btn,.page-number{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.page-btn:hover:not(:disabled),.page-number:hover{background-color:#f1f5f9;border-color:#cbd5e1}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-number.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.page-numbers{display:flex;gap:4px}.plantilla-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;margin-bottom:16px}.plantilla-loading p{color:#64748b;font-size:16px;margin:0}.plantilla-error{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.plantilla-error h3{color:#ef4444;font-size:20px;margin:0 0 8px}.plantilla-error p{color:#64748b;font-size:16px;margin:0 0 20px}.btn-retry{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.btn-retry:hover{background-color:#dc2626}@media (max-width:1200px){.plantilla-container{padding:16px}.plantilla-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{align-self:stretch;justify-content:flex-end}}@media (max-width:768px){.filters-section{flex-direction:column}.filter-select,.search-container{min-width:0;min-width:auto}.pagination-section{flex-direction:column;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.header-right{flex-direction:column}.btn-export,.btn-refresh{justify-content:center}}.plantilla-table th[title]{border-bottom:2px dotted #94a3b8;cursor:help}.plantilla-table td[title]{cursor:help}.plantilla-table tbody tr:nth-child(2n){background-color:#fafbfc}.plantilla-table tbody tr:nth-child(2n):hover{background-color:#f1f5f9}.plantilla-table .currency,.plantilla-table .percentage{font-feature-settings:"tnum" 1}.btn-export,.btn-refresh,.page-btn,.page-number{transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-select:focus,.page-btn:focus,.page-number:focus,.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.acciones{padding:8px!important;text-align:center;white-space:nowrap}.btn-simulator{align-items:center;background:linear-gradient(135deg,#2d8659,#7cb342);border:none;border-radius:6px;box-shadow:0 2px 4px #2d865933;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-simulator:hover{background:linear-gradient(135deg,#1e5a3a,#2d8659);box-shadow:0 4px 12px #2d86594d;transform:translateY(-1px)}.btn-simulator:active{transform:translateY(0)}.btn-simulator svg{height:14px;width:14px}.simulator-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.simulator-modal{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.simulator-header{background:linear-gradient(135deg,#1e5a3a,#2d8659 50%,#7cb342);color:#fff;padding:24px 32px;position:relative}.simulator-header h2{font-size:24px;font-weight:700;margin:0 0 8px}.simulator-header p{font-size:16px;margin:0;opacity:.9}.close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:24px;top:20px;transition:background .3s;width:40px}.close-btn:hover{background:#ffffff4d}.simulator-content{max-height:70vh;overflow-y:auto;padding:0}.simulator-panel{padding:0}.tabs{border-bottom:1px solid #e5e7eb}.tab{background:#f9fafb;padding:16px 24px;transition:all .3s}.tab:hover{background:#f3f4f6;color:#2d8659}.tab.active{background:#fff;border-bottom-color:#2d8659;color:#2d8659}.input-section{border-bottom:1px solid #f1f5f9;padding:24px 32px}.employee-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:24px;padding:20px}.info-row{display:flex;justify-content:space-between;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-row .label{color:#374151;font-weight:600}.info-row .value{color:#2d8659;font-weight:600}.input-group label{font-size:14px}.number-input,.text-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:14px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.number-input:focus,.text-input:focus{border-color:#2d8659;box-shadow:0 0 0 3px #2d86591a;outline:none}.input-help{color:#6b7280;display:block;font-size:12px;margin-top:6px}.results-card{background:#f8f9fa;border:1px solid #e9ecef;margin:0 32px 24px;padding:24px}.result-header{color:#374151}.result-row.highlight{background:linear-gradient(135deg,#2d8659,#7cb342);box-shadow:0 2px 8px #2d865933;color:#fff;margin:8px 0}.result-label{font-weight:600}.result-value{font-weight:700}.result-row.highlight .result-value{font-size:20px}.actions-row{background:#f9fafb;gap:12px;padding:24px 32px}.btn{font-size:16px;padding:14px 28px;transition:all .3s}.btn-primary{box-shadow:0 2px 8px #2d865933}.btn-primary:hover{background:linear-gradient(135deg,#1e5a3a,#2d8659);box-shadow:0 4px 12px #2d86594d;transform:translateY(-1px)}.btn-secondary{background:#6b7280;box-shadow:0 2px 4px #6b728033;color:#fff}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 8px #6b72804d;transform:translateY(-1px)}@media (max-width:768px){.simulator-overlay{padding:10px}.simulator-modal{max-height:95vh;max-width:100%}.simulator-header{padding:20px 24px}.simulator-header h2{font-size:20px}.input-section{padding:20px 24px}.results-card{margin:0 24px 20px;padding:20px}.actions-row{flex-direction:column;padding:20px 24px}.btn{width:100%}.btn-simulator{font-size:11px;padding:6px 10px}.btn-simulator span{display:none}.tabs{flex-direction:column}.tab{flex:none}}.form-section{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:24px}.form-section h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 20px}.input-group{margin-bottom:20px}.input-group label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;padding:14px 18px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.btn:disabled{pointer-events:none}.spinner{border:2px solid #0000;border-top-color:currentcolor;display:inline-block;margin-right:8px}.tabs{border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:24px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab.active,.tab:hover:not(:disabled){background-color:#f8fafc;color:#3b82f6}.tab.active{border-bottom-color:#3b82f6}.tab:disabled{cursor:not-allowed;opacity:.5}.results-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.result-header{border-bottom:1px solid #e5e7eb;color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.result-content{display:flex;flex-direction:column;gap:12px}.result-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.result-row.highlight{background:linear-gradient(135deg,#2d86591a,#7cb3421a);border:2px solid #2d865933;border-radius:8px;padding:12px 16px}.result-label{color:#6b7280;font-size:16px;font-weight:500}.result-value{color:#1e293b;font-size:18px;font-weight:600}.result-row.highlight .result-value{color:#2d8659;font-size:18px}.actions-row{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;padding-top:20px}.btn{border-radius:8px;display:flex;font-weight:600;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.btn-secondary{background-color:#f3f4f6;color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.btn-primary{background:linear-gradient(135deg,#2d8659,#7cb342);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e5a3a,#2d8659);box-shadow:0 4px 12px #2d86594d;transform:translateY(-1px)}@media (max-width:768px){.simulator-modal{margin:20px;max-height:95vh;width:95%}.actions-row{flex-direction:column}.btn{width:100%}.tabs{margin-bottom:16px}.tab{font-size:13px;padding:10px 16px}.form-section{padding:16px}}.table-container::-webkit-scrollbar{height:12px;width:12px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:6px;-webkit-transition:background .3s ease;transition:background .3s ease}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.table-container::-webkit-scrollbar-corner{background:#f1f5f9;border-radius:6px}.table-container{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.table-container:before{background:#3b82f6e6;border-radius:6px;bottom:16px;box-shadow:0 2px 8px #0003;color:#fff;content:"↔ Desplázate horizontalmente para ver más columnas";font-size:11px;font-weight:600;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:16px;transition:opacity .3s ease;z-index:1000}.table-container:hover:before{opacity:1}.table-container:after{color:#94a3b8;content:"↕";font-size:14px;font-weight:700;opacity:.4;pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:100}.table-container:hover:after{opacity:.8}.plantilla-table tbody tr{position:relative;z-index:1}.plantilla-table td:not([style*="left:"]),.plantilla-table th:not([style*="left:"]){transition:background-color .2s ease}.plantilla-table thead{position:relative}.plantilla-table thead:after{background:linear-gradient(135deg,#22c55e,#16a34a);bottom:-2px;box-shadow:0 2px 8px #22c55e4d;content:"";height:4px;left:0;position:absolute;right:0;z-index:1400}@media (max-width:768px){.table-container{border-radius:12px;margin-bottom:20px;max-height:60vh;overflow-x:auto!important;overflow-y:auto!important}.plantilla-table{font-size:13px;min-width:2200px!important}.plantilla-table th{font-size:11px;min-height:55px;padding:12px 6px;white-space:normal!important}.plantilla-table td{overflow:hidden;padding:10px 6px;text-overflow:ellipsis;white-space:nowrap}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container:before{bottom:12px;font-size:10px;padding:6px 10px;right:12px}.plantilla-table td:first-child,.plantilla-table th:first-child{min-width:100px}.plantilla-table td:nth-child(2),.plantilla-table th:nth-child(2){min-width:80px}.plantilla-table td:nth-child(3),.plantilla-table th:nth-child(3){min-width:100px}.plantilla-table td:nth-child(6),.plantilla-table th:nth-child(6){min-width:180px}}@media (max-width:480px){.table-container{border-radius:10px;margin-bottom:16px;max-height:50vh;overflow-x:auto!important;overflow-y:auto!important}.plantilla-table{font-size:12px;min-width:2000px!important}.plantilla-table th{font-size:10px;line-height:1.2;min-height:50px;padding:10px 4px;white-space:normal!important}.plantilla-table td{overflow:hidden;padding:8px 4px;text-overflow:ellipsis;white-space:nowrap}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-thumb{border:1px solid #f1f5f9}.table-container:before{bottom:8px;content:"↔ Desliza";font-size:9px;padding:4px 8px;right:8px}.plantilla-table td:first-child,.plantilla-table th:first-child{min-width:90px}.plantilla-table td:nth-child(2),.plantilla-table th:nth-child(2){min-width:70px}.plantilla-table td:nth-child(3),.plantilla-table th:nth-child(3){min-width:90px}.plantilla-table td:nth-child(6),.plantilla-table th:nth-child(6){min-width:150px}}.table-container{scroll-behavior:smooth}.table-container:focus-within{box-shadow:0 0 0 3px #3b82f61a}.plantilla-table tbody tr:hover{background-color:#f8fafc;transition:background-color .2s ease}.plantilla-table th{transition:box-shadow .3s ease}.table-container[data-scrolled=true] .plantilla-table th{box-shadow:0 4px 8px #00000026}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-nuevo-registro{background-color:#28a745;color:#fff}.btn-nuevo-registro:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.btn-recalcular-costos{background-color:#17a2b8;color:#fff;margin-left:10px}.btn-recalcular-costos:hover:not(:disabled){background-color:#138496;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.indicators-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px;padding:0 4px}.indicator-card{align-items:center;border:1px solid #0000000f;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-card:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.indicator-card:hover{box-shadow:0 8px 32px #0000001f}.indicator-card:hover:before{background:linear-gradient(90deg,#0000,#3b82f699,#0000)}.indicator-card.bolsa{border-left:4px solid #22c55e}.indicator-card.bolsa .indicator-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.indicator-card.ajustes{border-left:4px solid #3b82f6}.indicator-card.ajustes .indicator-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.indicator-card.saldo{border-left:4px solid #f59e0b}.indicator-card.saldo .indicator-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.indicator-icon{border-radius:16px;box-shadow:0 4px 16px #0000001a;flex-shrink:0;height:64px;position:relative;width:64px}.indicator-icon:after{background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:14px;content:"";inset:2px;pointer-events:none;position:absolute}.indicator-icon svg{height:28px;width:28px;z-index:1}.indicator-content{flex:1 1;min-width:0}.indicator-content h3{color:#1e293b;font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.indicator-value{font-feature-settings:"tnum" 1;color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 6px}.indicator-subtitle{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.01em}.indicator-card.saldo .indicator-value:contains("-"){color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.indicator-card:hover .indicator-icon{animation:pulse 2s ease-in-out infinite}@media (max-width:1024px){.indicators-section{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.indicator-card{gap:16px;padding:20px}.indicator-icon{height:56px;width:56px}.indicator-icon svg{height:24px;width:24px}.indicator-value{font-size:24px}}@media (max-width:768px){.indicators-section{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.indicator-card{flex-direction:row;gap:14px;padding:16px}.indicator-icon{border-radius:12px;height:48px;width:48px}.indicator-icon svg{height:20px;width:20px}.indicator-content h3{font-size:14px}.indicator-value{font-size:20px}.indicator-subtitle{font-size:12px}}@media (max-width:480px){.indicator-card{gap:12px;padding:14px}.indicator-icon{border-radius:10px;height:44px;width:44px}.indicator-icon svg{height:18px;width:18px}.indicator-content h3{font-size:13px;margin-bottom:6px}.indicator-value{font-size:18px}.indicator-subtitle{font-size:11px}}.table-tooltip{word-wrap:break-word;animation:tooltipFadeIn .2s ease-out;background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:12px;font-weight:500;max-width:300px;padding:8px 12px;pointer-events:none;position:absolute;white-space:pre-wrap;z-index:1000}.table-tooltip:before{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #2d3748;content:"";left:20px;position:absolute;top:100%}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.plantilla-table tbody td{cursor:help;position:relative;transition:background-color .2s ease,box-shadow .2s ease}.plantilla-table tbody td:hover{background-color:#f1f5f9;box-shadow:inset 0 0 0 1px #e2e8f0}.plantilla-table tbody td.currency:hover{background-color:#fef7f0;box-shadow:inset 0 0 0 1px #fed7aa}.plantilla-table tbody td.percentage:hover{background-color:#f0f9ff;box-shadow:inset 0 0 0 1px #bae6fd}.plantilla-table tbody td.nombre:hover{background-color:#f0fdf4;box-shadow:inset 0 0 0 1px #bbf7d0}.plantilla-table tbody td.documento:hover{background-color:#fefce8;box-shadow:inset 0 0 0 1px #fde047}.plantilla-table tbody td.comentarios:hover{background-color:#faf5ff;box-shadow:inset 0 0 0 1px #e9d5ff}.chatbot-float-button{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:4px solid #27ae60;border-radius:50%;bottom:24px!important;box-shadow:0 10px 30px #27ae6066;cursor:pointer;display:flex;height:88px;justify-content:center;left:auto!important;overflow:visible;position:fixed!important;right:24px!important;top:auto!important;transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:88px;z-index:9998!important}.chatbot-float-button:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#16a34a;box-shadow:0 15px 40px #27ae6099;transform:translateY(-4px) scale(1.08)!important}.chatbot-float-button:active{transform:translateY(-1px) scale(1.02)!important}.chat-icon{align-items:center;color:#fff;display:flex;justify-content:center}.chat-icon,.chat-icon-image{transition:transform .3s ease}.chat-icon-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:48px;object-fit:contain;width:48px}.chatbot-float-button:hover .chat-icon-image{transform:scale(1.1)}.chat-badge{animation:pulse-badge 2s infinite;background:#ff4757;border:3px solid #fff;border-radius:12px;color:#fff;font-size:12px;font-weight:700;line-height:1;min-width:22px;padding:3px 8px;position:absolute;right:-6px;text-align:center;top:-6px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chatbot-popup-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.chatbot-popup-container{animation:slideInScale .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #27ae601a;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:98vh;max-width:1600px;overflow:hidden;width:95%}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatbot-popup-header{align-items:center;background:linear-gradient(135deg,#27ae60,#2d8659);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.chatbot-popup-header h3{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.chatbot-close-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chatbot-close-button:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.chatbot-close-button:active{transform:scale(.95)}.chatbot-popup-content{background:#f8f9fa;flex:1 1;overflow:hidden;position:relative}.chatbot-popup-content .chatbot-layout-modern{background:#0000;border-radius:0;height:98vh;max-height:98vh}.chatbot-popup-content .chat-header-modern{display:none}.chatbot-popup-content .messages-container-modern{background:#fff;border-radius:0;padding:16px 24px}.chatbot-popup-content .input-area-modern{background:#fff;border-radius:0;border-top:1px solid #e5e7eb;padding:12px 24px!important}.chatbot-popup-content .bot-response,.chatbot-popup-content .markdown-content,.chatbot-popup-content .response-paragraph{color:#1f2937!important;font-size:1.1rem!important;line-height:1.7!important;margin-bottom:12px!important}.chatbot-popup-content .response-title{color:#1f2937!important;font-size:1.8rem!important;font-weight:700!important;margin-bottom:16px!important}.chatbot-popup-content .response-section{color:#374151!important;font-size:1.2rem!important;font-weight:600!important;margin:16px 0 12px!important}.chatbot-popup-content .quick-suggestions{margin-bottom:4px!important;padding:8px!important}.chatbot-popup-content .suggestions-title{font-size:1.5rem!important;font-weight:700!important;margin-bottom:12px!important}.chatbot-popup-content .quick-suggestion-btn{font-size:.9rem!important;font-weight:600!important;line-height:1.1!important;padding:16px 20px!important}.chatbot-popup-content .quick-suggestions-persistent{background:#f1f3f4!important;border:1px solid #dee2e6!important;border-radius:8px!important;margin-bottom:6px!important;padding:6px 12px!important}.chatbot-popup-content .quick-suggestions-persistent .suggestions-title{color:#6c757d!important;font-size:1.2rem!important;font-weight:600!important;margin-bottom:8px!important}.chatbot-popup-content .quick-suggestions-persistent .quick-suggestions-grid{gap:4px!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.chatbot-popup-content .quick-suggestion-btn-persistent{background:#fff!important;border:1px solid #e9ecef!important;border-radius:6px!important;color:#6c757d!important;font-size:1.05rem!important;font-weight:500!important;line-height:1.2!important;padding:8px 12px!important;transition:all .15s ease!important}.chatbot-popup-content .quick-suggestion-btn-persistent:hover{background:#7cb342!important;border-color:#7cb342!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;transform:translateY(-1px)!important}.chatbot-popup-content .message-wrapper,.chatbot-popup-content .message-wrapper:last-child{margin-bottom:4px!important}.chatbot-popup-content .historical-data-table,.chatbot-popup-content .professional-table{border:2px solid #e5e7eb!important;font-size:13px!important}.chatbot-popup-content .historical-data-table th,.chatbot-popup-content .professional-table th{background:#27ae60!important;color:#fff!important;font-weight:700!important}.chatbot-popup-content .historical-data-table td,.chatbot-popup-content .professional-table td{border:1px solid #d1d5db!important;padding:8px 12px!important}.chatbot-popup-content .bot-response a,.chatbot-popup-content a{color:#27ae60!important;cursor:pointer!important;font-weight:600!important;text-decoration:underline!important;transition:all .3s ease!important}.chatbot-popup-content .bot-response a:hover,.chatbot-popup-content a:hover{color:#2d8659!important;text-decoration:none!important;text-shadow:0 1px 2px #27ae6033!important;transform:translateY(-1px)!important}.chatbot-popup-content .bot-response a[target=_blank],.chatbot-popup-content a[target=_blank]{padding-right:18px!important;position:relative!important}.chatbot-popup-content .bot-response a[target=_blank]:after,.chatbot-popup-content a[target=_blank]:after{content:"🔗"!important;font-size:.8em!important;margin-left:4px!important;opacity:.7!important}.chatbot-popup-content .bot-response .google-drive-link,.chatbot-popup-content .google-drive-link{background:linear-gradient(135deg,#27ae60,#2d8659)!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 6px #27ae604d!important;color:#fff!important;display:inline-block!important;font-size:.9rem!important;font-weight:600!important;margin:6px 0!important;padding:8px 14px!important;text-decoration:none!important;transition:all .3s ease!important}.chatbot-popup-content .bot-response .google-drive-link:hover,.chatbot-popup-content .google-drive-link:hover{background:linear-gradient(135deg,#2d8659,#27ae60)!important;box-shadow:0 3px 12px #27ae6066!important;text-decoration:none!important;transform:translateY(-1px) scale(1.02)!important}.chatbot-popup-content .bot-response .google-drive-link:active,.chatbot-popup-content .google-drive-link:active{box-shadow:0 2px 6px #27ae604d!important;transform:translateY(0) scale(1.01)!important}@media (max-width:1200px){.chatbot-popup-container{max-width:95%;width:95%}.chatbot-popup-content .quick-suggestions-persistent .quick-suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.chatbot-popup-content .quick-suggestion-btn-persistent{font-size:.975rem!important;padding:6px 8px!important}}@media (max-width:768px){.chatbot-popup-overlay{padding:10px}.chatbot-popup-container{border-radius:12px;max-height:98vh;max-width:100%;width:100%}.chatbot-popup-header{padding:16px 20px}.chatbot-popup-header h3{font-size:16px}.chatbot-popup-content .chatbot-layout-modern{height:84vh;max-height:84vh}.chatbot-popup-content .messages-container-modern{padding:12px 16px}.chatbot-float-button{bottom:16px!important;height:72px;right:16px!important;transform:none!important;width:72px}.chatbot-float-button:hover{transform:translateY(-2px) scale(1.03)!important}.chatbot-float-button:active{transform:translateY(-1px) scale(1.01)!important}.chat-icon-image{height:38px;width:38px}}@media (max-width:480px){.chatbot-popup-container{border-radius:8px;width:100%}.chatbot-popup-content .chatbot-layout-modern{height:70vh;max-height:70vh}.chatbot-popup-content .bot-response,.chatbot-popup-content .markdown-content,.chatbot-popup-content .response-paragraph{font-size:1rem!important;line-height:1.6!important;margin-bottom:10px!important}.chatbot-popup-content .response-title{font-size:1.6rem!important;font-weight:700!important;margin-bottom:14px!important}.chatbot-popup-content .response-section{font-size:1.1rem!important;font-weight:600!important;margin:14px 0 10px!important}.chatbot-popup-content .quick-suggestions{margin-bottom:6px!important;padding:6px!important}.chatbot-popup-content .suggestions-title{font-size:1.4rem!important;font-weight:700!important;margin-bottom:10px!important}.chatbot-popup-content .quick-suggestion-btn{font-size:1rem!important;font-weight:600!important;line-height:1.4!important;padding:14px 18px!important}.chatbot-float-button{bottom:12px!important;height:64px;right:12px!important;transform:none!important;width:64px}.chatbot-float-button:hover{transform:translateY(-1px) scale(1.02)!important}.chatbot-float-button:active{transform:scale(1)!important}.chat-icon-image{height:32px;width:32px}.chat-badge{font-size:8px;min-width:14px;padding:1px 4px;right:-2px;top:-2px}}.indicadores-container{margin:0 auto;max-width:1400px}.indicadores-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.indicadores-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.indicadores-header p{color:#6c757d;font-size:16px;margin:0}.period-selector{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;overflow:hidden}.period-selector button{background:#0000;border:none;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.period-selector button.active{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.period-selector button:hover:not(.active){background:#f8f9fa;color:#495057}.indicadores-content{display:flex;flex-direction:column;gap:32px}.indicators-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.indicator-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.indicator-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-2px)}.indicator-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.indicator-icon{border-radius:12px;font-size:24px;height:50px;justify-content:center;width:50px}.indicator-icon,.indicator-trend{align-items:center;display:flex}.trend-icon{font-size:20px}.indicator-value{align-items:baseline;display:flex;margin-bottom:12px}.indicator-value .value{color:#2c3e50;font-size:36px;font-weight:700;line-height:1}.indicator-value .unit{color:#6c757d;font-size:16px;font-weight:500;margin-left:4px}.indicator-name{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.indicator-description{color:#6c757d;font-size:13px;line-height:1.4;margin:0}.monthly-evolution{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:24px}.monthly-evolution h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.table-container{overflow-x:auto}.evolution-table{border-collapse:collapse;font-size:14px;width:100%}.evolution-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#6c757d;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.evolution-table td{border-bottom:1px solid #f1f2f6;color:#2c3e50;padding:12px 16px}.evolution-table tbody tr:hover{background:#f8f9fa}.evolution-table .positive{color:#27ae60;font-weight:600}.evolution-table .percentage{color:#3498db;font-weight:600}.trends-chart{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:24px}.trends-chart h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.chart-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:center}.placeholder-content{color:#6c757d;font-size:48px;text-align:center}.placeholder-content p{font-size:14px;margin:16px 0;max-width:300px}.chart-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}@media (max-width:1200px){.indicators-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.indicadores-header{align-items:stretch;flex-direction:column}.period-selector{align-self:flex-start}.indicators-grid{grid-template-columns:1fr}.indicadores-header h1{font-size:24px}.indicator-value .value{font-size:28px}.monthly-evolution,.trends-chart{padding:20px}.evolution-table{font-size:13px}.evolution-table td,.evolution-table th{padding:8px 12px}.chart-legend{gap:12px}}.layout-container{background-color:#f8f9fa;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 10px #0000001a;color:#2c3e50;display:flex;flex-direction:column;flex-shrink:0;max-width:280px;min-width:280px;width:280px}.sidebar-header{border-bottom:1px solid #f1f2f6;padding:12px 20px 16px;text-align:center}.logo{align-items:center;display:flex;flex-direction:column;margin-bottom:8px;padding:0}.logo-icon{height:120px;margin-bottom:-5px;object-fit:contain;width:160px}.logo-text{color:#2c3e50;font-size:18px;font-weight:600}.sidebar-title{text-align:center}.sidebar-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d8659,#7cb342);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 4px}.sidebar-title p{color:#6c757d;font-size:14px;font-weight:500;margin:8px 0 0}.sidebar-menu{flex:1 1;padding:20px 0}.menu-item{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:15px;font-weight:500;margin-bottom:4px;padding:16px 24px;text-align:left;transition:all .3s ease;width:100%}.menu-item:hover{background-color:#f8f9fa;color:#2c3e50}.menu-item.active{background:#27ae60;border-radius:0 25px 25px 0;box-shadow:0 4px 15px #27ae604d;color:#fff;margin-right:16px}.menu-icon{font-size:20px;margin-right:12px;text-align:center;width:24px}.menu-label{flex:1 1}.main-content{display:flex;flex:1 1;flex-direction:column;max-width:100%;overflow-x:hidden;overflow-y:auto}.main-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;height:70px;justify-content:space-between;padding:0 32px}.header-left,.main-header,.user-info{align-items:center;display:flex}.user-info{background:#f8f9fa;border-radius:12px;gap:12px;padding:8px 16px}.user-avatar{align-items:center;background:linear-gradient(135deg,#27ae60,#2d8659);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.user-details{align-items:flex-start;display:flex;flex-direction:column}.user-email{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:2px}.user-permissions{align-items:center;display:flex;gap:8px}.vp-gen{color:#6c757d;font-size:12px;font-weight:500}.admin-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.header-actions{gap:20px}.areas-info,.header-actions{align-items:center;display:flex}.areas-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;gap:8px;padding:8px 16px}.areas-label{color:#856404;font-size:12px;font-weight:600;text-transform:uppercase}.areas-list{color:#6f4e37;font-size:13px;font-weight:500}.header-btn{align-items:center;background:#f8f9fa;border:none;border-radius:12px;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.header-btn:hover{background:#e9ecef;box-shadow:0 4px 15px #0000001a;color:#495057;transform:translateY(-2px)}.header-btn.logout{background:#ffe6e6;border:1px solid #f8d7da;color:#dc3545}.header-btn.logout:hover{background:#f5c6cb;box-shadow:0 4px 15px #dc354533;color:#721c24;transform:translateY(-2px)}.content-area{background:#f8f9fa;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}@media (max-width:1024px){.sidebar{width:240px}}@media (max-width:768px){.sidebar{width:200px}.menu-item{font-size:14px;padding:12px 16px}.menu-icon{font-size:18px}.main-header{height:60px;padding:0 16px}.user-info{padding:6px 12px}.user-email{font-size:12px}.vp-gen{font-size:11px}.areas-info{display:none}.header-actions{gap:12px}.header-btn{height:36px;width:36px}}@media (max-width:480px){.user-details{display:none}.user-info{padding:6px}.areas-label,.areas-list{font-size:11px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-wrapper{max-width:420px;position:relative;width:100%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;padding:40px 35px;transition:all .3s ease}.login-card:hover{box-shadow:0 25px 80px #0003,0 12px 40px #00000026;transform:translateY(-2px)}.login-header{margin-bottom:35px;text-align:center}.logo-section{margin-bottom:20px}.logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:60px;width:auto}.login-header h1{color:#2d3748;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:15px 0 5px}.login-header h2{color:#667eea;font-size:18px;font-weight:600;margin:0 0 10px}.login-header p{color:#718096;font-size:14px;font-weight:500;margin:0}.form-group,.login-form{margin-bottom:25px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;letter-spacing:.025em;margin-bottom:8px}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#a0aec0;left:16px;position:absolute;transition:color .2s ease;z-index:2}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:500;outline:none;padding:16px 16px 16px 50px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:focus+.input-icon,.input-container:focus-within .input-icon{color:#667eea}.form-input::placeholder{color:#a0aec0;font-weight:400}.form-input:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.password-toggle{background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .2s ease;z-index:2}.password-toggle:hover{background:#f7fafc;color:#667eea}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{align-items:center;background:#fed7d7;border:1px solid #feb2b2;border-radius:10px;color:#c53030;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.error-message svg{flex-shrink:0}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 12px 30px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.login-button:disabled:before{display:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.test-section{border-top:1px solid #e2e8f0;margin-bottom:25px;padding-top:20px;text-align:center}.test-button{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.test-button:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.test-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-footer{background:#f7fafc;border-radius:12px;color:#718096;font-size:12px;line-height:1.5;margin-top:20px;padding:20px;text-align:center}.login-footer p{margin:6px 0}.login-footer strong{color:#4a5568;font-weight:600}.version{color:#a0aec0!important;font-size:11px!important;font-style:italic;margin-top:12px!important}@media (max-width:480px){.login-container{padding:15px}.login-card{padding:30px 25px}.login-header h1{font-size:24px}.form-input,.login-header h2{font-size:16px}.form-input{padding:14px 14px 14px 45px}.login-button{font-size:15px;padding:14px 20px}.logo{height:50px}}@media (prefers-reduced-motion:reduce){.form-input,.login-button,.login-card,.password-toggle,.test-button{transition:none}.spinner{animation:none}.login-button:before{display:none}}@media (prefers-color-scheme:dark){.login-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.login-card{background:#1a202cf2;border:1px solid #ffffff1a}.login-header h1{color:#f7fafc}.login-header h2{color:#90cdf4}.login-header p{color:#a0aec0}.form-group label{color:#e2e8f0}.form-input{background:#2d3748;border-color:#4a5568;color:#f7fafc}.form-input:focus{border-color:#90cdf4;box-shadow:0 0 0 3px #90cdf41a}.login-footer{background:#2d3748;color:#a0aec0}.test-button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.test-button:hover{background:#4a5568;border-color:#718096}}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh}.loading-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;min-width:300px;padding:50px 40px;text-align:center}.logo-section{margin-bottom:30px}.loading-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:60px;width:auto}.spinner-wrapper{align-items:center;display:flex;justify-content:center;margin:30px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text h2{color:#2d3748;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.loading-text p{color:#718096;font-size:16px;font-weight:500;margin:0}@media (max-width:480px){.loading-content{margin:20px;min-width:auto;padding:40px 30px}.loading-logo{height:50px}.loading-text h2{font-size:20px}.loading-text p{font-size:14px}.loading-spinner{border-width:3px;height:32px;width:32px}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none;border:4px solid #667eea}}@media (prefers-color-scheme:dark){.loading-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.loading-content{background:#1a202cf2;border:1px solid #ffffff1a}.loading-text h2{color:#f7fafc}.loading-text p{color:#a0aec0}.loading-spinner{border:4px solid #90cdf433;border-top-color:#90cdf4}}
/*# sourceMappingURL=main.f07b1592.css.map*/