@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");.min-h-screen{min-height:100vh}.flex{display:flex}aside{width:16rem;background-color:#ffffff;border-right:1px solid #e5e7eb;flex-shrink:0;transition:width .3s ease}main{flex:1 1;min-width:0;overflow-x:auto}.dark aside{background-color:#111827;border-color:#1F2937}@media (max-width:1024px){aside{width:14rem}}@media (max-width:768px){.flex{flex-direction:column}aside{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #e5e7eb}main{flex:1 1;padding:1rem}aside.collapsed{height:60px;overflow:hidden}aside.collapsed nav{display:none}.sidebar-toggle{display:block;position:absolute;top:1rem;right:1rem;z-index:10}.grid{grid-template-columns:1fr!important;gap:1rem!important}.grid-cols-1.md\\:grid-cols-2,.grid-cols-1.md\\:grid-cols-3,.grid-cols-1.md\\:grid-cols-4,.grid-cols-1.md\\:grid-cols-5,.grid-cols-1.md\\:grid-cols-6{grid-template-columns:1fr!important}.card{padding:1rem;margin-bottom:1rem}.btn{padding:.75rem 1rem;font-size:.875rem}.form-input{padding:.75rem;font-size:1rem}.tabulator{font-size:14px!important}.tabulator-cell{padding:8px 6px!important}.tabulator-col-title{font-size:13px!important;padding:10px 6px!important}.h-64,.h-72{height:200px!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}}@media (max-width:640px){.card,main{padding:.75rem}.grid{grid-template-columns:1fr!important;gap:.75rem!important}.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3,.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4,.grid-cols-1.md\\:grid-cols-3.lg\\:grid-cols-4{grid-template-columns:1fr!important}.text-2xl{font-size:1.25rem!important}.space-y-6>*+*{margin-top:1rem!important}.bg-blue-50,.bg-gray-50{padding:.75rem!important}.flex.space-x-2,.flex.space-x-3{flex-direction:column;gap:.5rem}.flex.space-x-2>*,.flex.space-x-3>*{margin-left:0!important;margin-right:0!important}.w-64{width:100%!important}}.space-y-6{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.space-y-6{gap:1rem}}#main-content{width:100%;max-width:100%;overflow-x:hidden}aside nav .nav-group{margin-bottom:1.5rem!important;padding:0 .75rem!important}aside nav .nav-group-title{font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;color:#9CA3AF!important;letter-spacing:.05em!important;margin:1rem .75rem .5rem!important;padding:0!important}aside nav .nav-link{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem 1rem!important;color:#374151!important;font-weight:500!important;font-size:.875rem!important;border-radius:.5rem!important;margin:2px 0!important;transition:all .2s ease!important;text-decoration:none!important;width:100%!important;box-sizing:border-box!important}aside nav .nav-link:hover{background-color:#F3F4F6!important;color:#111827!important;text-decoration:none!important}aside nav .nav-link i{font-size:1.125rem!important;color:#6B7280!important;width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}aside nav .nav-link:hover i{color:#4F46E5!important}aside nav .nav-link.active{background-color:#EEF2FF!important;color:#4F46E5!important;font-weight:600!important}aside nav .nav-link.active i{color:#4F46E5!important}aside nav .nav-link span{display:block!important;flex:1 1!important}aside nav ul{list-style:none!important}aside nav li,aside nav ul{margin:0!important;padding:0!important}aside nav .space-y-1>li+li{margin-top:.25rem!important}.dark aside nav .nav-link{color:#D1D5DB!important}.dark aside nav .nav-link:hover{background-color:rgba(55,65,81,.5)!important;color:#FFFFFF!important}.dark aside nav .nav-link i{color:#9CA3AF!important}.dark aside nav .nav-link.active i,.dark aside nav .nav-link:hover i{color:#C7D2FE!important}.dark aside nav .nav-link.active{background-color:rgba(79,70,229,.2)!important;color:#C7D2FE!important}.dark aside nav .nav-group-title{color:#6B7280!important}@media (max-width:768px){aside nav .nav-link{justify-content:flex-start!important;padding:.875rem 1rem!important;min-height:48px!important}aside nav .nav-group-title,aside nav .nav-link span{display:block!important}aside nav .nav-group{padding:0 .5rem!important}aside.collapsed nav .nav-group-title,aside.collapsed nav .nav-link span{display:none!important}aside.collapsed nav .nav-link{justify-content:center!important;padding:.75rem!important}}aside nav{position:relative!important;z-index:10!important}@media (max-width:768px){.dark .card{background-color:#1f2937;border-color:#374151}.dark .form-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dark .btn{border-color:#4b5563}.btn,.form-input,button,select{min-height:44px}.nav-link{min-height:48px;display:flex;align-items:center}.btn:focus,.form-input:focus{outline:2px solid #3b82f6;outline-offset:2px}}.btn,.card,.flex,.form-input,.grid{transition:all .3s ease}@media (max-width:768px){.tabulator-tableHolder,aside,body{-webkit-overflow-scrolling:touch}}img{max-width:100%;height:auto}@media (max-width:768px){.h-10.w-10{height:2rem;width:2rem}.text-2xl{font-size:1.25rem}}*{box-sizing:border-box}@media (max-width:768px){.card,.tabulator-row{will-change:transform}}.hidden{display:none!important}@media (max-width:768px){.tabulator-edit-select-list{z-index:1002!important}.tabulator-tooltip{z-index:1003!important}#modal-edit-persona{z-index:1004!important}}#lastViewIndicator{transition:all .3s ease;cursor:help;-webkit-user-select:none;-moz-user-select:none;user-select:none}#lastViewIndicator:hover{background-color:#e5e7eb;transform:scale(1.05)}#lastViewIndicator i{color:#6b7280;font-size:.875rem}@keyframes lastViewUpdate{0%{transform:scale(1);background-color:#f3f4f6}50%{transform:scale(1.1);background-color:#dbeafe}to{transform:scale(1);background-color:#f3f4f6}}.lastViewUpdated{animation:lastViewUpdate .5s ease}.dark #lastViewIndicator{background-color:#374151;color:#d1d5db}.dark #lastViewIndicator:hover{background-color:#4b5563}.dark #lastViewIndicator i{color:#9ca3af}@media (max-width:640px){#lastViewIndicator{display:none!important}}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#1f2937;color:white;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:pre-line;z-index:1000;margin-bottom:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);pointer-events:none}.dark [title]:hover:after{background-color:#f9fafb;color:#1f2937;border:1px solid #e5e7eb}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:#374151;font-weight:500;font-size:.875rem;border-radius:.5rem;margin:2px 0;transition:background-color .2s,color .2s}.nav-link:hover{background-color:#F9FAFB;color:#111827}.nav-link i{font-size:1rem;color:#6B7280;width:20px;display:flex;align-items:center;justify-content:center}.nav-link:hover i{color:#111827}.nav-link.active{background-color:#EEF2FF;color:#4F46E5;font-weight:600}.nav-link.active i{color:#4F46E5}.nav-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#9CA3AF;letter-spacing:.05em;margin:.5rem .75rem .25rem}.dark .nav-link{color:#D1D5DB}.dark .nav-link:hover{background-color:rgba(55,65,81,.5);color:#FFFFFF}.dark .nav-link i{color:#9CA3AF}.dark .nav-link.active i,.dark .nav-link:hover i{color:#C7D2FE}.dark .nav-link.active{background-color:rgba(79,70,229,.2);color:#C7D2FE}.dark .nav-group-title{color:#6B7280}@media (max-width:768px){aside{width:100%;height:auto;position:relative}.nav-link{justify-content:flex-start;padding-left:1rem;padding-right:1rem}.nav-group-title,.nav-link span{display:block}.nav-group{padding-left:.5rem;padding-right:.5rem}aside.collapsed{height:60px;overflow:hidden}aside.collapsed .nav-group-title,aside.collapsed .nav-link span{display:none}}.card{@apply bg-white rounded-lg shadow-sm border border-gray-200 p-6}.form-group{@apply mb-4}.form-label{@apply block text-sm font-medium text-gray-700 mb-2}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500}.btn{@apply px-4 py-2 rounded-md font-medium transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500}.btn-secondary{@apply bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500}.btn-success{@apply bg-green-600 text-white hover:bg-green-700 focus:ring-green-500}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700 focus:ring-red-500}.btn-warning{@apply bg-yellow-600 text-white hover:bg-yellow-700 focus:ring-yellow-500}.btn-info{@apply bg-cyan-600 text-white hover:bg-cyan-700 focus:ring-cyan-500}.btn-outline{@apply border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-gray-500}.btn-sm{@apply px-3 py-1.5 text-sm}.tabulator{@apply border border-gray-200 rounded-lg overflow-hidden}.tabulator-header{@apply bg-gray-50}.tabulator-row:nth-child(2n){@apply bg-gray-50}.tabulator-row:hover{@apply bg-blue-50}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#3b82f6;--secondary-color:#64748b;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#06b6d4;--light-color:#f8fafc;--dark-color:#1e293b}.tabulator{border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important}.tabulator,.tabulator-table{background-color:white!important}.tabulator-table{width:100%!important}.tabulator-tableHolder{background-color:white!important;overflow-x:auto!important;overflow-y:hidden!important}.tabulator-table:after,.tabulator-table:before,.tabulator-tableHolder:after,.tabulator-tableHolder:before,.tabulator:after,.tabulator:before{display:none!important;content:none!important}.tabulator-row{background-color:white!important;border-bottom:1px solid #f3f4f6!important;transition:background-color .2s ease!important}.tabulator-row:hover{background-color:#f8fafc!important}.tabulator-row.tabulator-row-even{background-color:#fafbfc!important}.tabulator-row.tabulator-row-odd{background-color:white!important}.tabulator-cell{background-color:transparent!important;border-right:1px solid #f1f3f4!important;padding:10px 12px!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.tabulator-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-bottom:2px solid #cbd5e1!important;font-weight:600!important}.tabulator-col{background-color:transparent!important;border-right:1px solid #cbd5e1!important;position:relative!important}.tabulator-col:last-child{border-right:none!important}.tabulator-col-title{color:#1e293b!important;font-weight:600!important;font-size:14px!important;padding:12px!important}.tabulator-responsive-collapse{background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important;padding:10px!important}.tabulator-responsive-collapse-toggle{background-color:#3b82f6!important;color:white!important;border:none!important;border-radius:4px!important;padding:4px 8px!important;font-size:12px!important}.tabulator-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-top:2px solid #cbd5e1!important;padding:12px!important;border-radius:0 0 8px 8px!important}.tabulator-page{background-color:white!important;border:1px solid #cbd5e1!important;color:#475569!important;margin:0 2px!important;padding:8px 12px!important;border-radius:6px!important;font-weight:500!important;transition:all .2s ease!important}.tabulator-page:hover{background-color:#f1f5f9!important;border-color:#3b82f6!important;transform:translateY(-1px)!important}.tabulator-page.active{background-color:#3b82f6!important;color:white!important;border-color:#3b82f6!important;box-shadow:0 2px 4px rgba(59,130,246,.3)!important}.tabulator-paginator{color:#64748b!important;font-weight:500!important}.tabulator-page-size{background-color:white!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:6px 10px!important;color:#475569!important;font-weight:500!important}.tabulator-tableHolder::-webkit-scrollbar{height:8px!important;background-color:#f1f5f9!important}.tabulator-tableHolder::-webkit-scrollbar-thumb{background-color:#cbd5e1!important;border-radius:4px!important}.tabulator-tableHolder::-webkit-scrollbar-thumb:hover{background-color:#94a3b8!important}.tabulator .tabulator-table{min-width:100%!important}.tabulator-cell:empty,.tabulator-col:empty{display:none!important}.tabulator .badge{display:inline-block!important;padding:4px 8px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.tabulator-cell .text-gray-400{font-style:italic!important;opacity:.7!important}.tabulator-cell .font-semibold{font-weight:600!important}.tabulator-cell .text-blue-600{color:#2563eb!important}.tabulator-cell .text-purple-600{color:#9333ea!important}@media (max-width:768px){.tabulator{font-size:14px!important}.tabulator-cell{padding:8px 6px!important}.tabulator-col-title{font-size:13px!important;padding:10px 6px!important}}.tabulator-row{transition:all .2s ease!important}.tabulator-cell{transition:background-color .2s ease!important}.tabulator-loading{background-color:rgba(255,255,255,.9)!important}.tabulator-loading-msg{background-color:white!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:20px!important;color:#374151!important;font-weight:500!important}.d-flex{display:flex}.gap-1{gap:.25rem}.me-1{margin-right:.25rem}.tabulator-tooltip{background-color:#1f2937!important;color:white!important;border-radius:6px!important;padding:6px 10px!important;font-size:12px!important;z-index:1001!important}.tabulator-edit-select-list{background-color:white!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;max-height:200px!important;overflow-y:auto!important;z-index:1000!important;margin-top:2px!important}.tabulator-edit-select-list-item{background-color:white!important;color:#374151!important;padding:10px 14px!important;border-bottom:1px solid #f3f4f6!important;cursor:pointer!important;transition:all .2s ease!important;font-size:14px!important}.tabulator-edit-select-list-item:hover{background-color:#f8fafc!important;color:#1f2937!important}.tabulator-edit-select-list-item.active{background-color:#3b82f6!important;color:white!important}.tabulator-edit-select-list-item:last-child{border-bottom:none!important}.tabulator-editor{background-color:white!important;border:2px solid #d1d5db!important;border-radius:6px!important;padding:8px 12px!important;font-size:14px!important;color:#374151!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)!important;transition:all .2s ease!important}.tabulator-editor:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important;outline:none!important}.tabulator-editor[type=date]{cursor:pointer!important}.tabulator-editor[type=number]{text-align:right!important}.tabulator-edit-select-list{min-width:150px!important;width:auto!important}.tabulator-edit-select-list-item{white-space:nowrap!important;min-height:32px!important;display:flex!important;align-items:center!important}.tabulator-edit-select-list-item:empty{display:none!important}.tabulator-cell[tabulator-field=campanaId] .tabulator-editor,.tabulator-cell[tabulator-field=personaId] .tabulator-editor{min-width:120px!important}.tabulator-editor select{width:100%!important;min-width:100px!important}.tabulator-editor select option{padding:8px 12px!important;background-color:white!important;color:#374151!important}.tabulator-editor select option:hover{background-color:#f3f4f6!important}.tabulator-edit-select-list-item[data-value=""]{color:#9ca3af!important;font-style:italic!important}.tabulator-cell[tabulator-field=campanaId]:not(:empty),.tabulator-cell[tabulator-field=personaId]:not(:empty){font-weight:500!important}.tabulator-row[style*="background-color: rgb(254, 243, 199)"]{border-left:4px solid #f59e0b!important;position:relative!important}.tabulator-row[style*="background-color: rgb(254, 243, 199)"]:before{content:"✏️ Modificado - Presiona ✅ para guardar o ↩️ para descartar";position:absolute;bottom:-20px;left:0;background-color:#f59e0b;color:white;padding:2px 8px;border-radius:0 0 4px 4px;font-size:11px;font-weight:500;z-index:10;white-space:nowrap}.btn-success.btn-sm{background-color:#10b981!important;border-color:#10b981!important}.btn-success.btn-sm:hover{background-color:#059669!important;border-color:#059669!important;transform:scale(1.05)!important}.btn-warning.btn-sm{background-color:#f59e0b!important;border-color:#f59e0b!important}.btn-warning.btn-sm:hover{background-color:#d97706!important;border-color:#d97706!important}.btn-danger.btn-sm:hover,.btn-warning.btn-sm:hover{transform:scale(1.05)!important}.btn-sm{transition:all .2s ease!important}.btn[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#1f2937;color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}nav{@apply py-4}ul.space-y-1>li{margin-bottom:2px}.tabulator,.tabulator-tableHolder{overflow-x:auto!important;min-width:100%!important;scrollbar-color:#a3a3a3 #f3f4f6;scrollbar-width:thin}.tabulator-tableHolder:after{content:"";position:absolute;top:0;right:0;width:24px;height:100%;pointer-events:none;background:linear-gradient(270deg,rgba(0,0,0,.08),transparent);z-index:2;display:block}@media (max-width:768px){.tabulator,.tabulator-tableHolder{min-width:600px!important;font-size:13px!important}.tabulator-tableHolder:after{width:32px}}.tabulator-tableHolder::-webkit-scrollbar{height:8px;background:#f3f4f6}.tabulator-tableHolder::-webkit-scrollbar-thumb{background:#a3a3a3;border-radius:4px}.tabulator-tableHolder::-webkit-scrollbar-thumb:hover{background:#6b7280}.bg-white.shadow.rounded-lg.p-4.overflow-hidden,.bg-white.shadow.rounded-lg.p-6,.relative.w-full.h-72,.relative.w-full.h-80{overflow-x:auto!important;overflow-y:visible!important;max-width:100%;box-sizing:border-box}canvas{max-width:100%!important;height:auto!important;min-height:300px!important;display:block;margin:0 auto}#estadisticas-vs-categorias-chart{min-height:350px!important;max-height:60vh!important;width:100%!important;max-width:100%!important;min-height:300px!important;height:auto!important;margin:0 auto;display:block}.bg-white.shadow.rounded-lg.p-6.mt-8{overflow-x:auto!important;overflow-y:visible!important;padding-bottom:2rem;min-height:500px;height:auto}.vs-categorias-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:2rem;margin-bottom:2rem;color:white;position:relative;overflow:hidden}.vs-categorias-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;opacity:.3}.vs-categorias-header{position:relative;z-index:1}.vs-gestion-section{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);color:#374151;transition:all .3s ease}.vs-gestion-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.vs-gestion-section h3{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.vs-filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.vs-filtro-item{background:white;border-radius:.75rem;padding:1rem;border:2px solid #e5e7eb;transition:all .3s ease}.vs-filtro-item:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.vs-filtro-item label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.vs-filtro-item input,.vs-filtro-item select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:white;font-size:.875rem;transition:all .3s ease}.vs-filtro-item input:focus,.vs-filtro-item select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.vs-grupos-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.vs-grupo-card{background:white;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.vs-grupo-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transition:width .3s ease}.vs-grupo-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.vs-grupo-card:hover:before{width:6px}.vs-grupo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.vs-grupo-title{display:flex;align-items:center;gap:.75rem}.vs-grupo-color{width:1rem;height:1rem;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.vs-grupo-name{font-weight:600;color:#111827;margin:0}.vs-grupo-meta{font-size:.75rem;color:#6b7280;margin:0}.vs-grupo-actions{display:flex;gap:.5rem}.vs-grupo-actions button{padding:.5rem;border-radius:.5rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease;font-size:.875rem}.vs-grupo-actions button:hover{background:#f3f4f6;transform:scale(1.1)}.vs-grupo-actions .text-blue-500:hover{color:#2563eb;background:#dbeafe}.vs-grupo-actions .text-red-500:hover{color:#dc2626;background:#fef2f2}.vs-categoria-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;margin:.125rem;transition:all .3s ease}.vs-categoria-tag:hover{background:#e5e7eb;transform:scale(1.05)}.vs-chart-container{background:white;border-radius:1rem;padding:2rem;margin-top:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1);position:relative;overflow:visible;min-height:500px;height:auto}.vs-chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.vs-chart-wrapper{position:relative;min-height:400px;height:auto;margin-top:1rem;padding-bottom:2rem}.vs-empty-state{text-align:center;padding:3rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:2px dashed #cbd5e1;margin:1rem 0}.vs-empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:1rem;display:block}.vs-empty-title{font-size:1.25rem;font-weight:600;color:#475569;margin-bottom:.5rem}.vs-empty-description{color:#64748b;font-size:.875rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vs-animate-in{animation:slideInUp .5s ease-out}@media (max-width:768px){.vs-categorias-container{padding:1.5rem;margin:1rem}.vs-filtros-grid,.vs-grupos-container{grid-template-columns:1fr;gap:.75rem}.vs-gestion-section{padding:1rem;margin-bottom:1rem}.vs-chart-container{padding:1rem;margin:1rem}.vs-chart-wrapper{min-height:350px;height:auto;padding-bottom:1.5rem}}@media (max-width:480px){.vs-grupo-header{flex-direction:column;align-items:flex-start;gap:.75rem}.vs-grupo-actions{align-self:flex-end}.vs-filtro-item{padding:.75rem}}#estadisticas-content,#vs-categorias-section,.container,.content-wrapper,.estadisticas-wrapper,main{height:auto!important;min-height:auto!important;overflow:visible!important}#estadisticas-content,#vs-categorias-section,.estadisticas-wrapper{flex:1 1}body{min-height:100vh}main{min-height:calc(100vh - 60px)}.chartjs-render-monitor{height:auto!important;min-height:400px!important}.chart-section{display:flex;flex-direction:column;flex:1 1;height:auto;min-height:500px}.chart-section .chart-container{flex:1 1;height:auto;min-height:400px}#vs-categorias-chart-container{max-height:70vh;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}#vs-categorias-chart-container,#vs-categorias-chart-container .relative{position:relative;width:100%;height:auto;min-height:400px;overflow:hidden}#vs-categorias-chart-container .relative{max-height:65vh;margin-top:1rem}#vs-categorias-chart-container canvas{width:100%!important;height:auto!important;min-height:350px!important;max-height:60vh!important;display:block;margin:0 auto}.h-auto.min-h-96{height:auto!important;min-height:24rem!important}@media (max-width:768px){#vs-categorias-chart-container{min-height:350px;padding:.75rem;max-height:none!important;overflow:visible!important}#vs-categorias-chart-container .relative{min-height:320px;max-height:none!important;overflow:visible!important}#estadisticas-vs-categorias-chart,#vs-categorias-chart-container canvas{min-height:300px!important;max-height:none!important}}@media (max-width:480px){#vs-categorias-chart-container{min-height:300px;max-height:60vh;padding:.5rem}#vs-categorias-chart-container .relative{min-height:280px;max-height:55vh}#estadisticas-vs-categorias-chart,#vs-categorias-chart-container canvas{min-height:250px!important;max-height:50vh!important}}.chartjs-render-monitor#estadisticas-vs-categorias-chart,canvas#estadisticas-vs-categorias-chart{max-height:60vh!important;min-height:350px!important;width:100%!important}canvas#estadisticas-vs-categorias-chart{height:auto!important}#vs-categorias-chart-container canvas[height]{max-height:60vh!important;height:auto!important}#vs-categorias-chart-container{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}#estadisticas-vs-categorias-chart[style*=height]{height:auto!important;max-height:60vh!important}@media (min-width:1024px){#estadisticas-vs-categorias-chart,#vs-categorias-chart-container,#vs-categorias-chart-container .relative,#vs-categorias-chart-container canvas{max-height:none!important}}.drill-down-container{transition:all .3s ease-out;will-change:transform,opacity;margin-top:24px}.drill-down-container.entering{opacity:0;transform:translateY(-20px)}.drill-down-container.entered{opacity:1;transform:translateY(0)}.drill-tab-btn{transition:all .2s ease;position:relative}.drill-tab-btn:hover{transform:translateY(-1px)}.drill-tab-btn.active{border-bottom-width:3px!important;font-weight:600}.drill-down-container tbody tr{transition:all .2s ease}.drill-down-container tbody tr:hover{background-color:#f8fafc!important;transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.drill-down-container .grid>div{transition:all .2s ease}.drill-down-container .grid>div:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}#vs-categorias-chart-container canvas{cursor:pointer!important}#vs-categorias-chart-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transition:box-shadow .2s ease}@keyframes pulseChart{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.chart-clickable-hint{animation:pulseChart 2s ease-in-out infinite}.drill-down-tip{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.drill-loading{display:inline-flex;align-items:center;gap:8px}.drill-loading:after{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.drill-down-container .grid-cols-2{grid-template-columns:1fr!important}}@media (max-width:768px){.drill-down-container .grid{grid-template-columns:1fr!important}.drill-down-container .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.drill-down-container .overflow-x-auto{border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.drill-down-container tbody tr:hover{transform:none}}@media (max-width:480px){.drill-down-container{margin-top:16px}.drill-down-container .text-2xl{font-size:1.25rem!important}.drill-down-container .grid-cols-5{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}