body{margin:0}.agent-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 10px 15px -3px #0003;overflow:visible;padding:1.25rem;position:relative;transition:all .3s ease}.agent-card.clickable{cursor:pointer}.agent-card.clickable:active{transform:scale(.98)}.agent-card:before{background:linear-gradient(90deg,#dc143c,#a00f2a);border-radius:1rem 1rem 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.agent-card:hover{border-color:#94a3b866;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d,0 25px 50px -12px #dc143c26;transform:translateY(-6px)}.agent-card:hover:before{opacity:1}.agent-card.offline{opacity:.75}.current-user-badge{align-items:center;background:#dc143c26;border:1px solid #dc143c4d;border-radius:999px;color:#f87171;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 8px;position:absolute;right:.6rem;top:.6rem;z-index:2}.current-user-badge svg{opacity:.85}.agent-card.list-mode{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;padding:1rem 1.5rem}.agent-card.list-mode .agent-card-header{flex:0 0 auto;margin-bottom:0;min-width:180px}.agent-card.list-mode .agent-status-badge{flex:0 0 auto;margin-bottom:0;min-width:150px}.agent-card.list-mode .agent-details{background:none;display:flex;flex:0 0 auto;gap:2rem;margin-bottom:0;padding:0}.agent-card.list-mode .detail-row{border:none;display:flex;flex-direction:column;gap:.25rem;padding:0}.agent-card.list-mode .agent-metrics{display:flex;flex:0 0 auto;gap:1rem;margin-bottom:0}.agent-card.list-mode .metric{flex-direction:row;padding:.75rem}.agent-card.list-mode .agent-teams{flex:0 0 auto;margin-bottom:0}.agent-card.list-mode .agent-channels{flex:0 0 auto}.agent-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:.75rem}.agent-avatar-container{flex-shrink:0;position:relative}.agent-avatar{border:3px solid #94a3b833;border-radius:50%;box-shadow:0 4px 6px -1px #0000004d;height:56px;object-fit:cover;width:56px}.online-indicator{border:3px solid #1e293be6;border-radius:50%;bottom:2px;height:16px;position:absolute;right:2px;width:16px}.agent-info{flex:1 1;min-width:0}.agent-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .25rem;word-break:break-word}.agent-role-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.role-badge{border-radius:.375rem;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:.15rem .5rem}.role-badge.role-redbull{background:#dc143c26;border:1px solid #dc143c40;color:#f87171}.role-badge.role-dyopath{background:#3b82f626;border:1px solid #3b82f640;color:#60a5fa}.agent-email{font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-number{color:#64748b;font-family:Courier New,monospace;font-size:.75rem;margin:.25rem 0 0}.agent-status-badge{border-radius:.625rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#fff;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding:.625rem .875rem}.agent-status-badge,.status-icon{align-items:center;display:flex}.status-text{flex:1 1;text-transform:capitalize}.wrap-up-indicator{background:#fff3;border-radius:.375rem;font-size:.75rem;padding:.25rem .5rem}.wrapup-timer-control{background:#0f172a80;border:1px solid #8b5cf640;border-radius:.625rem;margin-bottom:.75rem;padding:.625rem}.wrapup-start{align-items:center;display:flex;gap:.5rem}.wrapup-duration-select{background:#0f172a99;border:1px solid #94a3b833;border-radius:.375rem;color:#cbd5e1;cursor:pointer;flex:1 1;font-size:.8rem;outline:none;padding:.4rem .5rem}.wrapup-duration-select:focus{border-color:#8b5cf6}.wrapup-start-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:all .2s;white-space:nowrap}.wrapup-start-btn:hover{box-shadow:0 2px 8px #8b5cf666;transform:translateY(-1px)}.wrapup-active{display:flex;flex-direction:column;gap:.5rem}.wrapup-countdown{align-items:center;display:flex;gap:.75rem}.wrapup-progress-bar{background:#0f172a99;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.wrapup-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width 1s linear}.wrapup-time-left{font-feature-settings:"tnum";color:#a78bfa;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:40px;text-align:right}.wrapup-end-btn{background:#10b98126;border:1px solid #10b9814d;border-radius:.375rem;color:#10b981;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:all .2s;width:100%}.wrapup-end-btn:hover{background:#10b98140}.wrapup-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.agent-details{background:#0f172a66;border-radius:.625rem;margin-bottom:.75rem;padding:.875rem}.detail-row{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-label{color:#94a3b8;font-size:.875rem}.detail-value{color:#fff;font-size:.875rem;font-weight:500}.agent-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.metric{align-items:center;background:#0f172a66;border-radius:.625rem;box-shadow:0 2px 4px -1px #0003;display:flex;gap:.75rem;padding:.875rem}.metric-icon{background:linear-gradient(135deg,#dc143c,#a00f2a);border-radius:.5rem;box-shadow:0 2px 4px #dc143c4d;height:36px;width:36px}.metric-content{flex:1 1}.metric-value{color:#fff;font-size:1.5rem;margin-bottom:.25rem}.metric-label{font-size:.75rem}.agent-teams{margin-bottom:1rem}.teams-label{color:#94a3b8;font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.teams-list{display:flex;flex-wrap:wrap;gap:.5rem}.team-badge{background:#3b82f633;border:1px solid #3b82f64d;border-radius:.5rem;color:#60a5fa;display:inline-block;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.agent-channels{display:flex;flex-wrap:wrap;gap:.5rem}.channel-tag{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:.375rem;color:#a78bfa;display:inline-block;font-size:.7rem;font-weight:500;padding:.25rem .625rem;text-transform:capitalize}@media (max-width:768px){.agent-card.list-mode{align-items:stretch;flex-direction:column;gap:.75rem}.agent-card.list-mode .agent-card-header{min-width:0;min-width:auto}.agent-card.list-mode .agent-details{flex-direction:column;gap:.75rem}.agent-card.list-mode .agent-metrics{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:480px){.agent-card{padding:1rem}.agent-avatar{height:48px;width:48px}.agent-name{font-size:1.1rem}.agent-metrics{grid-template-columns:1fr}}.call-detail-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:100vh;padding:2rem}.call-header{margin-bottom:2rem}.call-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.call-header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:2rem;margin:0}.call-id-badge{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#60a5fa;display:flex;font-family:Courier New,monospace;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.call-status-badge{border-radius:.5rem;box-shadow:0 4px 12px #0000004d;font-weight:700;padding:.75rem 1.5rem;text-transform:capitalize}.call-status-badge.completed{background:#10b981;color:#fff}.call-status-badge.abandoned{background:#6b7280;color:#fff}.call-status-badge.transferred{background:#3b82f6;color:#fff}.call-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.metric-card-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;display:flex;gap:1.5rem;padding:1.75rem;transition:all .3s ease}.metric-card-large:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;transform:translateY(-4px)}.metric-icon-large{align-items:center;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.metric-icon-large.duration{background:linear-gradient(135deg,#10b981,#059669)}.metric-icon-large.phone{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-icon-large.direction{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-icon-large.agent{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-info-large{flex:1 1}.metric-value-large{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metric-label-large{color:#94a3b8;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.call-chart-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:2rem}.chart-card-call{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;padding:2rem}.time-breakdown-chart{display:flex;flex-direction:column;gap:1.5rem}.time-segment-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 60px}.time-segment-label{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.time-dot{border-radius:50%;height:12px;width:12px}.time-dot.wait{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.time-dot.handle{background:#10b981;box-shadow:0 0 8px #10b98180}.time-dot.hold{background:#ef4444;box-shadow:0 0 8px #ef444480}.time-segment-bar-container{background:#0f172a99;border-radius:.5rem;height:36px;overflow:hidden}.time-segment-bar{align-items:center;animation:barExpand 1s ease-out;display:flex;height:100%;justify-content:center;transition:width .8s cubic-bezier(.4,0,.2,1)}.time-segment-bar.wait{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 12px #f59e0b66}.time-segment-bar.handle{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98166}.time-segment-bar.hold{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 12px #ef444466}.time-segment-text{text-shadow:0 1px 2px #00000080}.time-segment-text,.time-segment-value{color:#fff;font-size:.875rem;font-weight:700}.time-segment-value{text-align:right}@keyframes barExpand{0%{width:0!important}}.call-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative}.call-timeline:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);bottom:20px;content:"";left:18px;position:absolute;top:20px;width:2px}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-icon{align-items:center;border:3px solid #1e293be6;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px;z-index:1}.timeline-icon.started{background:linear-gradient(135deg,#3b82f6,#2563eb)}.timeline-icon.queue{background:linear-gradient(135deg,#f59e0b,#d97706)}.timeline-icon.answered{background:linear-gradient(135deg,#10b981,#059669)}.timeline-icon.hold{background:linear-gradient(135deg,#ef4444,#dc2626)}.timeline-icon.ended{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.timeline-content{background:#0f172a66;border:1px solid #94a3b81a;border-radius:.5rem;flex:1 1;padding:.75rem 1.25rem}.timeline-title{color:#cbd5e1;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.timeline-time{color:#94a3b8;font-size:.75rem}.call-recording-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;margin-bottom:2rem;padding:2rem}.recording-player-container{background:#0f172a99;border:1px solid #94a3b81a;border-radius:1rem;padding:1.5rem}.recording-player-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.recording-icon{align-items:center;background:linear-gradient(135deg,#dc143c,#a00f2a);border-radius:1rem;box-shadow:0 4px 12px #dc143c66;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.recording-info{flex:1 1}.recording-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.recording-subtitle{color:#94a3b8;font-size:.875rem}.recording-badge{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:.5rem;color:#6ee7b7;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.audio-player{background:#0f172acc;border-radius:.5rem;height:48px;margin-bottom:1rem;outline:none;width:100%}.audio-player::-webkit-media-controls-panel{background:#0f172ae6;border-radius:.5rem}.audio-player::-webkit-media-controls-pause-button,.audio-player::-webkit-media-controls-play-button{background-color:#dc143c;border-radius:50%}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:#cbd5e1}.recording-controls{display:flex;gap:1rem;justify-content:center}.download-recording-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.download-recording-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.call-details-section{background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;margin-bottom:2rem;padding:2rem}.disposition-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.disposition-card{align-items:center;background:#0f172a99;border:1px solid #94a3b81a;border-radius:.75rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.disposition-card:hover{border-color:#94a3b84d;transform:translateY(-2px)}.disposition-icon{align-items:center;background:linear-gradient(135deg,#dc143c,#a00f2a);border-radius:.75rem;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.disposition-info{flex:1 1}.disposition-code{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.disposition-agent{color:#94a3b8;font-size:.75rem}.call-ticket-section{margin-bottom:2rem}.ticket-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;gap:1rem;padding:1.25rem 1.5rem}.ticket-card,.ticket-icon{align-items:center;display:flex}.ticket-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.75rem;box-shadow:0 2px 4px #f59e0b4d;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.ticket-info{flex:1 1;min-width:0}.ticket-id{color:#fff;font-size:1rem;font-weight:600}.ticket-source{color:#94a3b8;font-size:.8rem;margin-top:.25rem}.ticket-link-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.5rem;box-shadow:0 2px 4px #f59e0b4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s;white-space:nowrap}.ticket-link-btn:hover{box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}.ticket-inline-link{align-items:center;color:#f59e0b;display:inline-flex;font-size:.875rem;font-weight:500;text-decoration:none}.ticket-inline-link:hover{color:#fbbf24;text-decoration:underline}.call-info-section{background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;padding:2rem}.info-table{display:flex;flex-direction:column;gap:.75rem}.info-row{background:#0f172a66;border-radius:.5rem;display:flex;justify-content:space-between;padding:.875rem 1.25rem;transition:all .2s ease}.info-row:hover{background:#0f172a99}.info-label{color:#94a3b8;font-size:.875rem;font-weight:500}.info-value{color:#fff;font-size:.875rem;font-weight:600}@media (max-width:768px){.call-detail-page{padding:1rem}.call-chart-section,.call-metrics-grid,.time-segment-row{grid-template-columns:1fr}.time-segment-row{gap:.5rem}.time-segment-label{justify-content:space-between}.time-segment-value{text-align:left}}.chat-detail-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:100vh;padding:2rem}.chat-header{margin-bottom:2rem}.back-btn-chat{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#cbd5e1;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.back-btn-chat:hover{background:#1e293be6;border-color:#94a3b866;transform:translateX(-4px)}.chat-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.chat-header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:2rem;margin:0}.chat-id-badge{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#a78bfa;display:flex;font-family:Courier New,monospace;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.chat-status-badge{border-radius:.5rem;box-shadow:0 4px 12px #0000004d;font-weight:700;padding:.75rem 1.5rem;text-transform:capitalize}.chat-status-badge.finished{background:#10b981;color:#fff}.chat-status-badge.abandoned{background:#6b7280;color:#fff}.chat-status-badge.transferred{background:#3b82f6;color:#fff}.chat-type-badge{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:.5rem;color:#a78bfa;font-weight:600;padding:.75rem 1.25rem;text-transform:capitalize}.chat-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.metric-card-chat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s ease}.metric-card-chat:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;transform:translateY(-4px)}.metric-icon-chat{align-items:center;border-radius:1rem;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.metric-icon-chat.messages{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-icon-chat.responses{background:linear-gradient(135deg,#10b981,#059669)}.metric-icon-chat.duration{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-icon-chat.response-time{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-info-chat{flex:1 1}.metric-value-chat{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metric-label-chat{color:#94a3b8;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.chat-chart-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;padding:2rem}.chart-heading-chat{color:#94a3b8;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.chat-time-breakdown{display:flex;flex-direction:column;gap:1.5rem}.time-row-chat{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 60px}.time-label-chat{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.time-dot-chat{border-radius:50%;height:12px;width:12px}.time-dot-chat.wait{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.time-dot-chat.chat{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.time-bar-container-chat{background:#0f172a99;border-radius:.5rem;height:32px;overflow:hidden}.time-bar-chat{align-items:center;animation:chatBarLoad .8s ease-out;display:flex;height:100%;justify-content:center;transition:width .8s cubic-bezier(.4,0,.2,1)}.time-bar-chat.wait{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 12px #f59e0b66}.time-bar-chat.chat{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 0 12px #8b5cf666}.time-text-chat{text-shadow:0 1px 2px #00000080}.time-text-chat,.time-value-chat{color:#fff;font-size:.875rem;font-weight:700}.time-value-chat{text-align:right}@keyframes chatBarLoad{0%{width:0!important}}.response-metrics-chart{display:flex;flex-direction:column;gap:1.25rem}.response-metric-item{display:flex;flex-direction:column;gap:.5rem}.response-metric-label{color:#94a3b8;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.response-metric-value{color:#fff;font-size:1.25rem;font-weight:700}.response-metric-bar{background:#0f172a99;border-radius:.375rem;height:24px;overflow:hidden}.response-bar-fill{animation:responseBarLoad .8s ease-out;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.response-bar-fill.avg{background:linear-gradient(90deg,#10b981,#059669)}.response-bar-fill.max{background:linear-gradient(90deg,#ef4444,#dc2626)}.response-bar-fill.count{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}@keyframes responseBarLoad{0%{width:0!important}}.chat-timeline-section{background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;margin-bottom:2rem;padding:2rem}.section-heading-chat{color:#94a3b8;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.chat-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative}.chat-timeline:before{background:linear-gradient(180deg,#8b5cf6,#3b82f6);bottom:20px;content:"";left:18px;position:absolute;top:20px;width:2px}.timeline-item-chat{display:flex;gap:1rem;position:relative}.timeline-icon-chat{align-items:center;border:3px solid #1e293be6;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px;z-index:1}.timeline-icon-chat.created{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.timeline-icon-chat.queue{background:linear-gradient(135deg,#f59e0b,#d97706)}.timeline-icon-chat.assigned{background:linear-gradient(135deg,#10b981,#059669)}.timeline-icon-chat.ended{background:linear-gradient(135deg,#3b82f6,#2563eb)}.timeline-content-chat{background:#0f172a66;border:1px solid #94a3b81a;border-radius:.5rem;flex:1 1;padding:.75rem 1.25rem}.timeline-title-chat{color:#cbd5e1;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.timeline-time-chat{color:#94a3b8;font-size:.75rem}.chat-rating-section{background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;margin-bottom:2rem;padding:2rem}.rating-display{align-items:center;display:flex;flex-direction:column;gap:1rem}.stars-large{font-size:3rem;line-height:1}.rating-score{color:#f59e0b;font-size:2rem;font-weight:700}.feedback-indicator{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:.5rem;color:#6ee7b7;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.chat-info-section{background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;padding:2rem}.info-grid-chat{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card-chat{background:#0f172a99;border:1px solid #94a3b81a;border-radius:.5rem;padding:1rem 1.25rem;transition:all .2s ease}.info-card-chat:hover{background:#0f172acc;border-color:#94a3b833}.info-label-chat{color:#94a3b8;font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.info-value-chat{color:#fff;font-size:.875rem;font-weight:600}@media (max-width:768px){.chat-detail-page{padding:1rem}.chat-chart-section,.chat-metrics-grid,.time-row-chat{grid-template-columns:1fr}.time-row-chat{gap:.5rem}.info-grid-chat{grid-template-columns:1fr}}.agent-detail-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:100vh;padding:2rem}.detail-header{margin-bottom:2rem}.back-btn{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#cbd5e1;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.back-btn:hover{background:#1e293be6;border-color:#94a3b866;transform:translateX(-4px)}.agent-header-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;display:flex;gap:2rem;padding:2rem}.agent-avatar-large{flex-shrink:0;position:relative}.agent-avatar-large img{border:4px solid #94a3b833;border-radius:50%;box-shadow:0 8px 16px #0000004d;height:100px;width:100px}.agent-avatar-large .online-indicator{border:4px solid #1e293be6;border-radius:50%;bottom:5px;height:24px;position:absolute;right:5px;width:24px}.online-indicator.online{background:#10b981;box-shadow:0 0 12px #10b98199}.online-indicator.offline{background:#6b7280}.agent-details-header{flex:1 1}.agent-details-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.agent-email{color:#94a3b8;font-size:1rem;margin:0 0 1rem}.agent-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{background:#0f172a66;border-radius:.375rem;color:#cbd5e1;font-size:.875rem;padding:.375rem .75rem}.current-status-badge{border-radius:.75rem;box-shadow:0 4px 12px #0000004d;color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:700;letter-spacing:.05em;padding:1rem 2rem;text-transform:uppercase}.detail-hours-bar{align-items:center;background:#1e293bb3;border:1px solid #94a3b826;border-radius:.625rem;display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1rem;padding:.625rem 1rem}.detail-hours-icon{color:#3b82f6;flex-shrink:0}.detail-hours-bar.closed .detail-hours-icon{color:#6b7280}.detail-hours-label{color:#94a3b8;font-size:.8rem;font-weight:500}.detail-hours-value{color:#fff;font-size:.9rem;font-weight:700}.detail-hours-tz{color:#64748b;font-size:.7rem}.metric-card.clickable-metric{cursor:pointer;transition:all .2s ease}.metric-card.clickable-metric:hover{border-color:#94a3b866;transform:translateY(-2px)}.metric-card.clickable-metric.metric-active{border-color:#dc143c80;box-shadow:0 0 0 1px #dc143c4d,0 4px 12px #dc143c26}.detail-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.detail-filter-dropdown{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem 1rem}.detail-filter-dropdown label{color:#94a3b8;font-size:.85rem;font-weight:500;white-space:nowrap}.detail-filter-dropdown select{background:#0f172a99;border:1px solid #94a3b833;border-radius:.375rem;color:#cbd5e1;cursor:pointer;font-size:.85rem;outline:none;padding:.4rem .625rem;text-transform:capitalize}.detail-filter-dropdown select:focus{border-color:#dc143c}.clear-filters-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:.5rem;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .875rem;transition:all .2s}.clear-filters-btn:hover{background:#ef444440}.time-range-selector{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.time-range-selector button{background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#cbd5e1;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.time-range-selector button:hover{background:#1e293be6;border-color:#94a3b866}.time-range-selector button.active{background:linear-gradient(135deg,#dc143c,#a00f2a);border-color:#dc143c;box-shadow:0 4px 15px #dc143c4d;color:#fff}.loading-indicator{background:#1e293b66;border:1px solid #94a3b833;border-radius:.5rem;color:#94a3b8;font-size:.875rem;margin-bottom:1rem;padding:1rem;text-align:center}.productivity-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.metric-card:hover{border-color:#94a3b866;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;transform:translateY(-4px)}.metric-icon{align-items:center;border-radius:1rem;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.metric-icon.calls{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-icon.chats{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-icon.time{background:linear-gradient(135deg,#10b981,#059669)}.metric-icon.activities{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-info{flex:1 1}.metric-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metric-label{color:#94a3b8;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;padding:2rem;transition:all .3s ease}.chart-container:hover{border-color:#94a3b866;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;transform:translateY(-4px)}.chart-heading{color:#94a3b8;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.bar-chart{gap:1.25rem}.bar-chart,.bar-item{display:flex;flex-direction:column}.bar-item{gap:.5rem}.bar-label-row{align-items:center;display:flex;justify-content:space-between}.bar-label{color:#cbd5e1;font-size:.875rem;font-weight:500}.bar-value{color:#fff;font-size:.875rem;font-weight:700}.bar-track{background:#0f172a99;border-radius:.5rem;height:24px;overflow:hidden}.bar-fill{animation:barLoad .8s ease-out;border-radius:.5rem;box-shadow:0 0 12px #fff3;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}@keyframes barLoad{0%{width:0!important}}.activity-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.activity-item{align-items:center;background:#0f172a66;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;text-align:center;transition:all .3s ease}.activity-item:hover{background:#0f172ab3;transform:translateY(-2px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#dc143c,#a00f2a);border-radius:.75rem;box-shadow:0 4px 12px #dc143c4d;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.activity-info{width:100%}.activity-count{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.375rem}.activity-name{color:#94a3b8;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.activity-timeline-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;padding:2rem}.section-heading{color:#94a3b8;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.activity-table-wrapper{border-radius:.75rem;overflow-x:auto}.activity-table{border-collapse:initial;border-spacing:0;width:100%}.activity-table thead{background:#0f172a99}.activity-table th{border-bottom:1px solid #94a3b833;color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.activity-table th:first-child{border-top-left-radius:.75rem}.activity-table th:last-child{border-top-right-radius:.75rem}.activity-row{border-bottom:1px solid #94a3b81a;transition:all .2s ease}.activity-row:hover{background:#94a3b80d}.activity-row:last-child{border-bottom:none}.activity-table td{font-size:.875rem;padding:1rem}.time-cell{color:#cbd5e1;font-weight:500;white-space:nowrap}.activity-cell{color:#fff}.activity-badge{align-items:center;background:#0f172a99;border-radius:.5rem;display:inline-flex;font-size:.75rem;gap:.5rem;padding:.375rem .75rem;text-transform:capitalize}.status-cell{color:#fff}.status-pill{border-radius:.5rem;box-shadow:0 2px 4px #0003;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .875rem;text-transform:capitalize}.duration-cell{color:#cbd5e1;font-weight:600}.duration-cell,.id-cell{font-family:Courier New,monospace}.id-cell{color:#64748b;font-size:.75rem}.clickable-id{cursor:pointer;transition:all .3s ease}.call-id-link{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f64d;border-radius:1rem;box-shadow:0 2px 4px #3b82f64d,0 1px 2px #0003;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .875rem;text-decoration:none}.call-id-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f680;box-shadow:0 4px 8px #3b82f666,0 2px 4px #0000004d;transform:translateY(-2px)}.call-id-link:active{transform:translateY(0)}.chat-id-link{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf64d;border-radius:1rem;box-shadow:0 2px 4px #8b5cf64d,0 1px 2px #0003;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .875rem;text-decoration:none}.chat-id-link:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#8b5cf680;box-shadow:0 4px 8px #8b5cf666,0 2px 4px #0000004d;transform:translateY(-2px)}.chat-id-link:active{transform:translateY(0)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.agent-detail-page{padding:1rem}.agent-header-info{align-items:flex-start;flex-direction:column;padding:1.5rem}.current-status-badge{text-align:center;width:100%}.productivity-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.time-range-selector{flex-wrap:wrap}.activity-table-wrapper{font-size:.75rem}.activity-table td,.activity-table th{padding:.75rem .5rem}}.agent-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:100vh;padding-top:140px}.agent-dashboard.embed-mode{min-height:auto;padding-top:1rem}.agent-dashboard.embed-mode .summary-section{margin-top:0}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #94a3b81a;box-shadow:0 4px 20px #0006,0 2px 8px #0000004d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;z-index:100}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.subtitle{color:#94a3b8;font-size:.95rem;margin:0}.header-right{flex-wrap:wrap;gap:.75rem}.header-right,.user-info{align-items:center;display:flex}.user-info{background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#cbd5e1;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.user-info svg{color:#10b981}.logout-btn{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#cbd5e1;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5;transform:translateY(-2px)}.filter-section{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 2rem 2rem}.filter-section,.sort-dropdown{align-items:center;display:flex}.sort-dropdown{background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;flex-shrink:0;gap:.5rem;padding:.5rem 1rem}.sort-dropdown label{color:#94a3b8;font-size:.875rem;font-weight:500;white-space:nowrap}.sort-dropdown select{background:#0f172a99;border:1px solid #94a3b833;border-radius:.375rem;color:#cbd5e1;cursor:pointer;font-size:.875rem;font-weight:500;outline:none;padding:.5rem .75rem;transition:all .2s ease}.sort-dropdown select:hover{background:#0f172acc;border-color:#94a3b866}.sort-dropdown select:focus{border-color:#dc143c;box-shadow:0 0 0 2px #dc143c33}.view-mode-toggle{background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;display:flex;flex-shrink:0;gap:.25rem;padding:.25rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.view-btn:hover{background:#94a3b81a;color:#cbd5e1}.view-btn.active{background:linear-gradient(135deg,#dc143c,#a00f2a);box-shadow:0 2px 8px #dc143c4d;color:#fff}.auto-refresh-toggle,.auto-refresh-toggle label{align-items:center;display:flex}.auto-refresh-toggle label{color:#cbd5e1;cursor:pointer;font-size:.9rem;gap:.5rem;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input[type=checkbox]{accent-color:#dc143c;cursor:pointer;height:18px;width:18px}.refresh-btn{align-items:center;background:linear-gradient(135deg,#dc143c,#a00f2a);border:none;border-radius:.5rem;box-shadow:0 4px 15px #dc143c4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 6px 20px #dc143c66;transform:translateY(-2px)}.summary-section{margin:0 2rem 2rem}.summary-toggle-btn{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.75rem;color:#cbd5e1;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;margin-bottom:1rem;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .3s ease;width:100%}.summary-toggle-btn:hover{background:#1e293bcc;border-color:#94a3b84d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.summary-toggle-text{flex:1 1;text-align:left}.summary-toggle-icon{color:#94a3b8;transition:transform .3s ease}.summary-toggle-icon.collapsed{transform:rotate(-180deg)}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);max-height:2000px;opacity:1;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1),max-height .6s cubic-bezier(.4,0,.2,1)}.summary-stats.collapsed{margin-bottom:0;max-height:0;opacity:0;pointer-events:none;transform:translateY(-20px)}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#94a3b866;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;transform:translateY(-4px)}.stat-card.total .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.online .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.offline .stat-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-icon{align-items:center;border-radius:1rem;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card.status-breakdown .stat-icon,.status-dot{border-radius:50%}.status-dot{background:#fff;height:16px;width:16px}.hours-status-badge{border-radius:.375rem;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;margin-left:.25rem;padding:.15rem .5rem;text-transform:uppercase}.hours-status-badge.open{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.hours-status-badge.closed{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.hours-status-badge.not-yet{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;grid-column:span 2;min-width:0;padding:1.5rem;transition:all .3s ease}.chart-card:hover{border-color:#94a3b866;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;transform:translateY(-4px)}.chart-title{color:#94a3b8;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.status-distribution-chart{grid-column:span 2}.donut-chart-container{align-items:center;display:flex;gap:2rem}.donut-chart{flex-shrink:0;height:180px;width:180px}.donut-slice{cursor:pointer;transition:opacity .2s ease}.donut-slice:hover{filter:brightness(1.2);opacity:1!important}.chart-legend{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.legend-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-label{color:#cbd5e1;flex:1 1;font-weight:500}.legend-value{color:#fff;font-weight:700;min-width:24px;text-align:right}.activity-chart{grid-column:span 2}.progress-chart{gap:1.5rem;margin-bottom:1.5rem}.progress-chart,.progress-item{display:flex;flex-direction:column}.progress-item{gap:.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between}.progress-label{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.progress-dot{border-radius:50%;height:10px;width:10px}.progress-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.progress-dot.offline{background:#6b7280}.progress-value{color:#fff;font-size:1.125rem;font-weight:700}.progress-bar-container{background:#0f172a99;border-radius:.5rem;height:32px;overflow:hidden;position:relative}.progress-bar{align-items:center;animation:progressLoad .8s ease-out;border-radius:.5rem;display:flex;height:100%;justify-content:flex-end;padding-right:.75rem;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar.online{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 15px #10b98166}.progress-bar.offline{background:linear-gradient(90deg,#6b7280,#4b5563)}.progress-percentage{color:#fff;font-size:.875rem;font-weight:700;text-shadow:0 1px 3px #00000080}@keyframes progressLoad{0%{width:0!important}}.quick-stats{grid-gap:1rem;border-top:1px solid #94a3b81a;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem;padding-top:1.5rem}.quick-stat{background:#0f172a66;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:center}.quick-stat-label{color:#94a3b8;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.quick-stat-value{color:#fff;font-size:1.5rem;font-weight:700}.gantt-chart-card{grid-column:span 4}.gantt-chart{display:flex;flex-direction:column;gap:1.25rem}.gantt-row{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:150px 1fr}.gantt-agent-name{color:#cbd5e1;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-bars{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.gantt-bar-group{display:flex;flex-direction:column;gap:.375rem}.gantt-bar-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.gantt-bar-track{background:#0f172a99;border-radius:.375rem;height:28px;overflow:hidden;position:relative}.gantt-bar{align-items:center;animation:ganttLoad .8s ease-out;border-radius:.375rem;display:flex;height:100%;justify-content:center;min-width:30px;transition:width .6s cubic-bezier(.4,0,.2,1)}.gantt-bar.availability{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 10px #10b9814d}.gantt-bar.break{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b4d}.gantt-bar.calls{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f64d}.gantt-bar.chats{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 0 10px #8b5cf64d}.gantt-bar-text{color:#fff;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px #00000080;white-space:nowrap}@keyframes ganttLoad{0%{min-width:0;width:0!important}}.gantt-footer{border-top:1px solid #94a3b81a;color:#64748b;font-size:.75rem;margin-top:1rem;padding-top:1rem;text-align:center}.stat-content{flex:1 1}.stat-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#94a3b8;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.filter-tabs{display:flex;flex:1 1;gap:.5rem;min-width:0;overflow-x:auto;padding-bottom:.5rem}.filter-tabs button{background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;color:#cbd5e1;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.filter-tabs button:hover{background:#1e293be6;border-color:#94a3b866}.filter-tabs button.active{background:linear-gradient(135deg,#dc143c,#a00f2a);border-color:#dc143c;box-shadow:0 4px 15px #dc143c4d;color:#fff}.agents-container{margin:0 auto 2rem;max-width:1800px;padding-left:2rem;padding-right:2rem;transition:all .3s ease}.agents-container.grid-view{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,380px));justify-content:center}.agents-container.list-view{display:flex;flex-direction:column;gap:1rem}.no-agents{color:#94a3b8;grid-column:1/-1;padding:4rem 2rem;text-align:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #94a3b833;border-radius:50%;border-top-color:#dc143c;height:50px;width:50px}.error-container h3{color:#ef4444;margin:0}.error-container p{color:#94a3b8;margin:.5rem 0 1.5rem}.error-container button{background:linear-gradient(135deg,#dc143c,#a00f2a);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.error-container button:hover{box-shadow:0 6px 20px #dc143c66;transform:translateY(-2px)}@media (max-width:768px){.agent-dashboard{padding-top:180px}.dashboard-header{align-items:flex-start;flex-direction:column;padding:1rem}.header-left h1{font-size:1.5rem}.header-right{justify-content:space-between;width:100%}.summary-section{margin:0 1rem 1.5rem}.summary-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.chart-card,.gantt-chart-card{grid-column:span 1}.gantt-bars,.gantt-row{gap:.75rem;grid-template-columns:1fr}.gantt-agent-name{background:#0f172a66;border-radius:.375rem;padding:.5rem;text-align:center}.donut-chart-container{flex-direction:column}.donut-chart{height:150px;width:150px}.chart-legend{width:100%}.chart-legend,.quick-stats{grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column;margin:0 1rem 1.5rem}.filter-tabs{flex-wrap:wrap}.sort-dropdown{justify-content:space-between;width:100%}.sort-dropdown select{flex:1 1}.view-mode-toggle{justify-content:center;width:100%}.agents-container{margin:0 1rem 1.5rem;padding-left:0;padding-right:0}.agents-container.grid-view{grid-template-columns:1fr}}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{background-image:radial-gradient(circle at 20% 50%,#dc143c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f64d 0,#0000 50%);bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0}.login-container{max-width:500px;padding:2rem;position:relative;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;padding:3rem}.login-logo-section{margin-bottom:2.5rem;text-align:center}.rb-logo{animation:logoFloat 3s ease-in-out infinite;display:inline-block;margin-bottom:1.5rem}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#94a3b8;font-size:1rem;margin:0}.login-content{display:flex;flex-direction:column;gap:1.5rem}.login-description{color:#cbd5e1;font-size:.95rem;margin:0;text-align:center}.login-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#fca5a5;font-size:.875rem;padding:1rem}.login-btn,.login-error{align-items:center;display:flex;gap:.75rem}.login-btn{background:#fff;border:none;border-radius:.75rem;box-shadow:0 4px 12px #0003;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.ms-logo{flex-shrink:0}.login-spinner{animation:spin .8s linear infinite;border:3px solid #1e293b33;border-radius:50%;border-top-color:#dc143c;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #94a3b81a;padding-top:1.5rem;text-align:center}.login-info{color:#64748b;font-size:.875rem;margin:0}.login-features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.feature-item{align-items:center;background:#1e293b66;border:1px solid #94a3b81a;border-radius:.75rem;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:1rem;padding:1rem 1.5rem}.feature-item svg{color:#10b981;flex-shrink:0}@media (max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-features{margin-top:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh}.App.embed-mode{min-height:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.128d9d20.css.map*/