*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.layout-container{background:linear-gradient(135deg,#f1f5f9 0%,#e0e7ff 100%);min-height:100vh}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1536px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header-logo{align-items:center;gap:1rem;display:flex}.header-divider{background:#e5e7eb;width:1px;height:40px;margin:0 1rem}.header-title{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.header-subtitle{color:#6b7280;font-size:.875rem;font-weight:500}.header-right{align-items:center;gap:1.5rem;display:flex}.system-status{background:#ecfdf5;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.status-indicator{background:#10b981;border-radius:50%;width:12px;height:12px;position:relative}.status-indicator:after{content:"";opacity:.75;background:#10b981;border-radius:50%;animation:2s infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.status-text{color:#047857;font-size:.875rem;font-weight:500}.user-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f64d}.user-details{text-align:right}.user-name{color:#111827;font-size:.875rem;font-weight:600}.user-status{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.user-status:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px}.main-layout{max-width:1536px;margin:0 auto;display:flex}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-right:1px solid #ffffff4d;flex-shrink:0;width:288px;min-height:calc(100vh - 80px);box-shadow:8px 0 32px #0000001a}.sidebar-nav{padding:1.5rem}.nav-section{margin-bottom:2rem}.nav-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:flex}.nav-title:before{content:"";width:16px;height:1px;margin-right:.5rem}.nav-title.principal:before{background:linear-gradient(90deg,#3b82f6 0%,#0000 100%)}.nav-title.gestion:before{background:linear-gradient(90deg,#8b5cf6 0%,#0000 100%)}.nav-title.monitoreo:before{background:linear-gradient(90deg,#ef4444 0%,#0000 100%)}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-link{border-radius:12px;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{transform:translate(2px);box-shadow:0 4px 12px #0000001a}.nav-link.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);font-weight:600;box-shadow:0 4px 16px #3b82f64d}.nav-link.active:after{content:"";background:#ffffff4d;border-radius:2px;width:4px;height:24px;position:absolute;right:12px}.nav-link:not(.active){color:#374151}.nav-link:not(.active):hover{color:#2563eb;background:#3b82f60d}.nav-icon{background:#f3f4f6;border-radius:6px;width:18px;height:18px;margin-right:.75rem;padding:2px;transition:all .2s}.nav-link.active .nav-icon{background:#fff3}.nav-link:not(.active):hover .nav-icon{background:#dbeafe}.nav-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50px;margin-left:auto;padding:.25rem .625rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #ef44444d}.main-content{background:linear-gradient(135deg,#ffffff80 0%,#e0e7ff4d 100%);flex:1;min-width:0;padding:2rem}.dashboard-hero{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1e40af 50%,#1e3a8a 100%);border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #2563eb4d}.dashboard-hero:before{content:"";background:#0000001a;position:absolute;inset:0}.dashboard-hero:after{content:"";background:#ffffff0d;border-radius:50%;width:256px;height:256px;position:absolute;top:-50%;right:-25%}.hero-content{z-index:10;position:relative}.hero-title{background:linear-gradient(135deg,#fff 0%,#dbeafe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.hero-subtitle{color:#bfdbfe;margin-bottom:1.5rem;font-size:1.125rem;font-weight:500}.hero-stats{align-items:center;gap:1.5rem;display:flex}.hero-stat{align-items:center;gap:.5rem;display:flex}.hero-stat-indicator{background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-stat-text{font-size:.875rem;font-weight:500}.hero-update{color:#bfdbfe;font-size:.875rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border:1px solid #ffffff4d;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001a}.stat-card:before{content:"";position:absolute;inset:0}.stat-card.green{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.stat-card.green:before{background:linear-gradient(135deg,#10b9810d 0%,#0596690d 100%)}.stat-card.blue{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.stat-card.blue:before{background:linear-gradient(135deg,#3b82f60d 0%,#2563eb0d 100%)}.stat-card.purple{background:linear-gradient(135deg,#faf5ff 0%,#e9d5ff 100%)}.stat-card.purple:before{background:linear-gradient(135deg,#8b5cf60d 0%,#7c3aed0d 100%)}.stat-card.orange{background:linear-gradient(135deg,#fffbeb 0%,#fed7aa 100%)}.stat-card.orange:before{background:linear-gradient(135deg,#f973160d 0%,#ea580c0d 100%)}.stat-content{z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.stat-info h3{margin-bottom:.25rem;font-size:.875rem;font-weight:600}.stat-info .value{margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-info .change{font-size:.75rem;font-weight:500}.stat-card.green h3{color:#047857}.stat-card.green .value{color:#065f46}.stat-card.green .change{color:#10b981}.stat-card.blue h3{color:#1d4ed8}.stat-card.blue .value{color:#1e3a8a}.stat-card.blue .change{color:#2563eb}.stat-card.purple h3{color:#7c3aed}.stat-card.purple .value{color:#6b21a8}.stat-card.purple .change{color:#8b5cf6}.stat-card.orange h3{color:#ea580c}.stat-card.orange .value{color:#c2410c}.stat-card.orange .change{color:#f97316}.stat-icon{border-radius:12px;padding:.75rem;box-shadow:0 4px 12px #0000001a}.stat-card.green .stat-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.details-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.detail-card{background:linear-gradient(135deg,#fff 0%,#f8fafc80 100%);border:1px solid #ffffff4d;border-radius:16px;padding:2rem;box-shadow:0 8px 24px #0000000d}.detail-header{align-items:center;margin-bottom:1.5rem;display:flex}.detail-icon{border-radius:8px;margin-right:.75rem;padding:.5rem}.detail-icon.agents{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.detail-icon.activity{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.detail-title{color:#111827;font-size:1.25rem;font-weight:700}.status-list{flex-direction:column;gap:1rem;display:flex}.status-item{border:1px solid #ffffff4d;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.status-item.available{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.status-item.busy{background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%)}.status-item.pause{background:linear-gradient(135deg,#fffbeb 0%,#fde68a 100%)}.status-item.offline{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)}.status-left{align-items:center;gap:.75rem;display:flex}.status-dot{border-radius:50%;width:12px;height:12px}.status-item.available .status-dot{background:#10b981}.status-item.busy .status-dot{background:#ef4444}.status-item.pause .status-dot{background:#f59e0b}.status-item.offline .status-dot{background:#6b7280}.status-label{font-weight:500}.status-item.available .status-label{color:#065f46}.status-item.busy .status-label{color:#991b1b}.status-item.pause .status-label{color:#92400e}.status-item.offline .status-label{color:#374151}.status-badge{border-radius:8px;padding:.375rem .75rem;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #0000001a}.status-item.available .status-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.status-item.busy .status-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.status-item.pause .status-badge{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.status-item.offline .status-badge{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{border:1px solid #ffffff4d;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.activity-item.success{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.activity-item.info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.activity-item.warning{background:linear-gradient(135deg,#fffbeb 0%,#fde68a 100%)}.activity-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.activity-item.success .activity-dot{background:#10b981}.activity-item.info .activity-dot{background:#3b82f6}.activity-item.warning .activity-dot{background:#f59e0b}.activity-content{flex:1}.activity-title{margin-bottom:.25rem;font-weight:500}.activity-item.success .activity-title{color:#065f46}.activity-item.info .activity-title{color:#1e3a8a}.activity-item.warning .activity-title{color:#92400e}.activity-detail{margin-bottom:.25rem;font-size:.75rem}.activity-item.success .activity-detail{color:#047857}.activity-item.info .activity-detail{color:#1d4ed8}.activity-item.warning .activity-detail{color:#d97706}.activity-time{border-radius:50px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.activity-item.success .activity-time{color:#065f46;background:#d1fae5}.activity-item.info .activity-time{color:#1e3a8a;background:#dbeafe}.activity-item.warning .activity-time{color:#92400e;background:#fde68a}