.App{background-color:var(--color-bg);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0,var(--sidebar-bg-raised) 220%);border-right:1px solid var(--sidebar-border);display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:width .22s cubic-bezier(.4,0,.2,1),flex-basis .22s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width)}.sidebar-collapse-toggle{align-items:center;background-color:var(--sidebar-bg-raised);border:1px solid var(--sidebar-border);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--sidebar-text);cursor:pointer;display:inline-flex;height:26px;justify-content:center;position:absolute;right:-13px;top:1.4rem;transition:background-color .15s ease,color .15s ease;width:26px;z-index:2}.sidebar-collapse-toggle:hover{background-color:var(--sidebar-accent);color:#fff}.sidebar-collapse-icon{transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-collapse-icon{transform:rotate(180deg)}.sidebar-brand{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;gap:.7rem;min-height:66px;padding:1.15rem 1.15rem 1rem;transition:gap .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1)}.sidebar-logo{background-color:#fff;border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);flex-shrink:0;height:34px;object-fit:contain;width:34px}.sidebar-brand-text{display:flex;flex-direction:column;max-width:160px;min-width:0;opacity:1;overflow:hidden;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.sidebar-brand-name{color:var(--sidebar-text-active);font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-tag{color:var(--sidebar-text);font-size:.72rem;margin-top:.1rem;white-space:nowrap}.sidebar-close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;display:none;margin-left:auto;padding:.25rem}.sidebar-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1rem .85rem}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.87rem;font-weight:600;gap:.75rem;padding:.62rem .75rem;text-align:left;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,padding .2s cubic-bezier(.4,0,.2,1),gap .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-nav-item span{max-width:160px;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.sidebar-nav-icon{flex-shrink:0}.sidebar-nav-item:hover{background-color:var(--sidebar-bg-raised);color:var(--sidebar-text-active)}.sidebar-nav-item.active{background-color:var(--sidebar-accent-subtle);box-shadow:inset 3px 0 0 0 var(--sidebar-accent);color:var(--sidebar-text-accent)}.sidebar-user{align-items:center;border-top:1px solid var(--sidebar-border);display:flex;gap:.6rem;padding:.85rem 1.15rem;transition:padding .2s cubic-bezier(.4,0,.2,1),gap .2s cubic-bezier(.4,0,.2,1)}.sidebar-user-avatar{align-items:center;background-color:var(--sidebar-accent-subtle);border-radius:50%;color:var(--sidebar-text-accent);display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:30px;justify-content:center;overflow:hidden;width:30px}.sidebar-user-avatar-img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{display:flex;flex:1 1 auto;flex-direction:column;max-width:160px;min-width:0;opacity:1;overflow:hidden;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease,flex .2s ease}.sidebar-user-name{color:var(--sidebar-text-active);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--sidebar-text);font-size:.7rem;margin-top:.1rem;text-transform:capitalize;white-space:nowrap}.sidebar-user-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.sidebar-logout{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:background-color .15s ease,color .15s ease}.sidebar-logout:hover{background-color:var(--sidebar-bg-raised);color:var(--sidebar-text-active)}.sidebar-footer{align-items:center;border-top:1px solid var(--sidebar-border);color:var(--sidebar-text);display:flex;font-size:.72rem;gap:.5rem;padding:1rem 1.15rem;transition:padding .2s cubic-bezier(.4,0,.2,1)}.sidebar-footer span:last-child{max-width:160px;opacity:1;overflow:hidden;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease;white-space:nowrap}.sidebar-status-dot{background-color:#22c55e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.sidebar-overlay{display:none}.App.sidebar-collapsed{--sidebar-width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-footer span:last-child,.sidebar.collapsed .sidebar-nav-item span{max-width:0;opacity:0}.sidebar.collapsed .sidebar-user-info{flex:0 0;max-width:0;opacity:0}.sidebar.collapsed .sidebar-brand{gap:0;justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .sidebar-nav-item{gap:0;justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-user{align-items:center;flex-direction:column;gap:.35rem;padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .sidebar-user-actions{flex-direction:column}.sidebar.collapsed .sidebar-footer{justify-content:center;padding-left:.5rem;padding-right:.5rem}.App-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.App-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.App-header,.App-header-left{align-items:center;display:flex}.App-header-left{gap:.75rem}.App-header h1{color:var(--color-text);font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.App-header p{color:var(--color-text-muted);font-size:.8rem;margin-top:.1rem}.menu-toggle{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;justify-content:center;padding:.4rem}.App-header-right{align-items:center;display:flex;gap:.6rem}.theme-toggle{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.2rem;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:2.2rem}.theme-toggle:hover{background-color:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text)}.login-theme-toggle{position:absolute;right:1.25rem;top:1.25rem}.App-main{flex:1 1 auto;max-width:1400px;min-width:0;padding:1.75rem 2rem 3rem;width:100%}.loading-state{color:var(--color-text-muted);font-size:.9rem;padding:3rem 0;text-align:center}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-danger-outline{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-danger)}.btn-danger-outline:hover{background-color:var(--color-danger-subtle);border-color:var(--color-danger)}.click-to-call{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.click-to-call .select-menu{max-width:9rem}.click-to-call .select-menu-trigger{font-size:.8rem;padding:.4rem .5rem}.btn-call{background-color:var(--color-primary);color:#fff;font-size:.8rem;padding:.4rem .75rem}.btn-call:hover{background-color:var(--color-primary-hover)}.btn-call:disabled{cursor:not-allowed;opacity:.6}.call-feedback{font-size:.78rem;white-space:nowrap}.call-feedback-ok{color:#2e7d32;color:var(--color-success,#2e7d32)}.call-feedback-error{color:var(--color-danger)}.dialpad-wrap{display:flex;justify-content:center}.dialpad-card{align-items:stretch;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.85rem;max-width:320px;padding:1.5rem;width:100%}.dialpad-agent-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.select-menu.dialpad-agent-select{margin-top:-.4rem;width:100%}.select-menu.dialpad-agent-select .select-menu-trigger{font-size:.87rem;padding:.55rem .65rem}.select-menu-trigger:disabled{cursor:not-allowed;opacity:.6}.dialpad-display{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:1.35rem;font-weight:700;letter-spacing:.02em;padding:.75rem .85rem;text-align:center;width:100%}.dialpad-display:focus{border-color:var(--color-primary);outline:none}.dialpad-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.dialpad-key{align-items:center;aspect-ratio:1;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.dialpad-key:hover:not(:disabled){background-color:var(--color-primary-subtle);border-color:var(--color-primary)}.dialpad-key:active:not(:disabled){transform:scale(.94)}.dialpad-key:disabled{cursor:not-allowed;opacity:.5}.dialpad-key-digit{font-size:1.2rem;font-weight:700;line-height:1.1}.dialpad-key-letters{color:var(--color-text-muted);font-size:.6rem;font-weight:600;letter-spacing:.05em}.dialpad-actions{align-items:center;display:flex;gap:.6rem}.dialpad-backspace{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.6rem;justify-content:center;transition:background-color .15s ease,color .15s ease;width:2.6rem}.dialpad-backspace:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-text)}.dialpad-backspace:disabled{cursor:not-allowed;opacity:.5}.dialpad-call-btn{align-items:center;background-color:#2e7d32;background-color:var(--color-success,#2e7d32);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;flex:1 1 auto;font-size:.9rem;font-weight:700;gap:.45rem;justify-content:center;padding:.7rem 1rem;transition:background-color .15s ease}.dialpad-call-btn:hover:not(:disabled){filter:brightness(1.08)}.dialpad-call-btn:disabled{cursor:not-allowed;opacity:.6}.dialpad-status{text-align:center}.agent-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.agent-page-title{color:var(--color-text);font-size:1rem;font-weight:700;margin-bottom:0}.agent-date-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.agent-date-filter label{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:.2rem}.agent-date-filter input[type=date]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--color-text);font-size:.85rem;padding:.35rem .5rem}.agent-date-filter-clear{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.35rem .25rem}.agent-date-filter-clear:hover{text-decoration:underline}.date-range-picker{display:inline-flex;position:relative}.date-range-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:600;gap:.45rem;padding:.5rem .8rem;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.date-range-trigger:hover{border-color:var(--color-border-strong)}.date-range-trigger svg{color:var(--color-text-muted);flex-shrink:0}.date-range-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;padding:1rem 1.15rem .9rem;position:absolute;top:calc(100% + .5rem);width:min(94vw,560px);z-index:30}.date-range-popover.align-right{left:auto;right:0}.date-range-nav-row{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:.85rem}.date-range-nav{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:26px}.date-range-nav:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.date-range-titles{color:var(--color-text);flex:1 1 auto;font-size:.86rem;font-weight:700;text-align:center}.date-range-months,.date-range-titles{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.date-range-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.3rem}.date-range-month{display:block;margin-bottom:.5rem}.date-range-weekdays span{color:var(--color-text-faint);font-size:.66rem;font-weight:700;letter-spacing:.02em;text-align:center}.date-range-days{grid-row-gap:.15rem;grid-column-gap:.1rem;column-gap:.1rem;display:grid;grid-template-columns:repeat(7,1fr);row-gap:.15rem}.date-range-cell{aspect-ratio:1/1;display:flex;min-height:32px;position:relative}.date-range-cell.in-range,.date-range-cell.range-end,.date-range-cell.range-start{background-color:var(--color-primary-subtle)}.date-range-cell.range-start{border-radius:999px 0 0 999px}.date-range-cell.range-end{border-radius:0 999px 999px 0}.date-range-cell.range-start.range-end{border-radius:999px}.date-range-day{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:100%;justify-content:center;position:relative;transition:background-color .15s ease,color .15s ease;width:100%}.date-range-day:hover{background-color:var(--color-primary-subtle)}.date-range-day:disabled{color:var(--color-text-faint);cursor:not-allowed}.date-range-day:disabled:hover{background-color:initial}.date-range-cell.range-end .date-range-day,.date-range-cell.range-start .date-range-day{background-color:var(--color-primary);color:#fff;font-weight:700}.date-range-cell.is-today .date-range-day{box-shadow:inset 0 0 0 1px var(--color-primary)}.date-range-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:.6rem;justify-content:flex-end;margin-top:.9rem;padding-top:.85rem}.date-range-footer .btn{font-size:.8rem;padding:.45rem .9rem}.date-range-footer .btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.date-range-popover{left:auto;right:0}.date-range-months,.date-range-titles{grid-template-columns:1fr}.date-range-nav-row{flex-wrap:wrap}}.datetime-picker{display:inline-flex;position:relative;width:100%}.datetime-picker-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:600;gap:.45rem;padding:.5rem .8rem;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.datetime-picker-trigger:hover{border-color:var(--color-border-strong)}.datetime-picker-trigger svg{color:var(--color-text-muted);flex-shrink:0}.datetime-picker-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:80vh;min-width:280px;overflow-y:auto;padding:1rem 1.15rem .9rem;position:fixed!important;width:min(94vw,320px);z-index:100}.datetime-picker-title{color:var(--color-text);flex:1 1 auto;font-size:.86rem;font-weight:700;text-align:center}.datetime-picker-time-row{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:.4rem;margin-top:.9rem;padding-top:.85rem}.datetime-picker-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 auto;font:inherit;font-size:.83rem;min-width:0;padding:.4rem .5rem}.datetime-picker-select:focus{border-color:var(--color-primary);outline:none}.datetime-picker-colon{color:var(--color-text-muted);font-weight:700}.datetime-picker-period{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;overflow:hidden}.datetime-picker-period button{background-color:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;font-size:.78rem;font-weight:600;padding:.4rem .6rem;transition:background-color .15s ease,color .15s ease}.datetime-picker-period button+button{border-left:1px solid var(--color-border)}.datetime-picker-period button.active{background-color:var(--color-primary);color:#fff}.agent-page-summary{color:var(--color-text-muted);font-size:.8rem;margin-bottom:1rem}.agent-page-empty{color:var(--color-text-muted);font-size:.9rem}.agent-list{display:flex;flex-direction:column;gap:.6rem}.agent-row{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;gap:1.5rem;justify-content:space-between;padding:.9rem 1.25rem;text-align:left;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.agent-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.agent-row-identity{align-items:center;display:flex;flex:1 1 200px;gap:.7rem;min-width:0}.agent-row-name-block{display:flex;flex-direction:column;min-width:0}.agent-avatar{align-items:center;background-color:var(--color-primary-subtle);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.agent-name{color:var(--color-text);font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-number{color:var(--color-text-muted);font-size:.75rem;margin-top:.1rem;white-space:nowrap}.agent-row-stats{display:flex;flex-wrap:wrap;gap:1.75rem;margin-left:auto}.agent-stat{display:flex;flex-direction:column;min-width:72px}.agent-stat-value{color:var(--color-text);font-size:1.05rem;font-weight:700}.agent-stat-label{color:var(--color-text-muted);font-size:.65rem;font-weight:600;letter-spacing:.03em;margin-top:.15rem;text-transform:uppercase}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;min-width:640px;width:100%}.data-table thead{background-color:var(--color-surface-alt)}.data-table th{color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.9rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr,.data-table th{border-bottom:1px solid var(--color-border)}.data-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-surface-alt)}.data-table tbody tr.row-ringing,.data-table tbody tr.row-ringing:hover{background-color:var(--color-success-subtle)}.data-table tbody tr.row-critical,.data-table tbody tr.row-critical:hover{background-color:var(--color-critical-subtle)}.data-table tbody tr.row-priority-high,.data-table tbody tr.row-priority-high:hover{background-color:var(--color-danger-subtle)}.table-critical-badge{margin-left:.5rem}.data-table td{color:var(--color-text);font-size:.87rem;padding:.85rem 1.25rem;vertical-align:middle}.status{border-radius:999px;display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.01em;padding:.25rem .7rem;text-transform:capitalize}.status.answered{background-color:var(--color-success-subtle);color:var(--color-success)}.status.missed{background-color:var(--color-danger-subtle);color:var(--color-danger)}.status.attempted{background-color:var(--color-warning-subtle);color:var(--color-warning)}.status.critical{background-color:var(--color-critical-subtle);color:var(--color-critical)}.status.ringing{background-color:var(--color-success-subtle);color:var(--color-success);margin-left:.4rem}.status.viewing{background-color:var(--color-primary-subtle);color:var(--color-primary);margin-left:.4rem}.call-count{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.customer-number-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit;font-weight:600;padding:0;transition:color .12s ease}.customer-number-link:hover{text-decoration:underline}.customer-number-name{color:var(--color-text-muted);font-weight:500}.table-cell-strong{font-weight:600}.table-cell-truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}span.table-cell-truncate{display:inline-block;max-width:220px;vertical-align:middle}.recording-play-btn{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;gap:.3rem;padding:0}.recording-play-btn:hover{text-decoration:underline}.recording-player{align-items:center;display:inline-flex;gap:.3rem}.recording-audio{height:32px;max-width:100%;width:220px}.recording-collapse-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.2rem}.recording-collapse-btn:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.missed-card-list{display:flex;flex-direction:column;gap:.5rem;max-height:65vh;overflow-y:auto;padding-right:.25rem}.missed-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;font:inherit;gap:.85rem;padding:.75rem 1rem;text-align:left;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.missed-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.missed-card.row-ringing{background-color:var(--color-success-subtle)}.missed-card.missed-card-critical{border-color:var(--color-critical)}.missed-card.missed-card-critical .missed-card-avatar{background-color:var(--color-critical-subtle);color:var(--color-critical)}.missed-card-avatar{align-items:center;background-color:var(--color-danger-subtle);border-radius:50%;color:var(--color-danger);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.missed-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-width:0}.missed-card-top{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.missed-card-number{color:var(--color-text);font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missed-card-customer-name{color:var(--color-text-muted);font-weight:500}.missed-card-time{color:var(--color-text-muted);flex-shrink:0;font-size:.72rem;white-space:nowrap}.missed-card-bottom{align-items:center;display:flex;gap:.6rem}.missed-card-chevron{color:var(--color-text-muted);color:var(--color-text-faint,var(--color-text-muted));flex-shrink:0}.modal-overlay{background-color:#0f172a26;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:30}.modal-panel{animation:drawer-slide-in .2s ease-out;background-color:var(--color-surface);border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;max-height:100%;max-width:440px;overflow:hidden;width:100%}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:640px){.modal-panel{border-radius:0;max-width:100%}}.modal-overlay-center{align-items:center;justify-content:center;padding:1rem}.modal-overlay-fullpage{background-color:var(--color-surface);padding:0}@media (min-width:901px){.modal-overlay-fullpage{left:var(--sidebar-width)}}.modal-panel-fullpage{animation:none;border-radius:0;container-type:inline-size;max-width:100%;width:100%}.modal-panel-fullpage .modal-close-hint,.modal-panel-fullpage .modal-header{padding-left:1.5rem;padding-right:1.5rem}.call-history-body{display:flex;flex:1 1 auto;min-height:0}.call-history-panel{border-right:1px solid var(--color-border);flex:0 0 70%;max-width:70%;overflow-x:visible;overflow-y:auto;position:relative;z-index:10}.call-history-thread{flex:1 1 30%;min-width:0;position:relative;z-index:1}@container (max-width: 760px){.call-history-body{flex-direction:column;overflow-y:auto}.call-history-panel{border-bottom:1px solid var(--color-border);border-right:none;flex:0 0 auto;max-width:100%;overflow-y:visible}.call-history-thread{overflow-y:visible}}.modal-panel-narrow{animation:none;border-radius:var(--radius-md);height:auto;max-height:90vh;max-width:380px}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:1.1rem 1.25rem}.modal-header,.modal-header-right{align-items:flex-start;display:flex;gap:1rem}.modal-header-actions{align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.modal-header-actions .profile-action{padding:.4rem 1rem}.modal-header-actions .profile-action+.profile-action{border-left:1px solid var(--color-border)}.modal-header h2{color:var(--color-text);font-size:1.05rem;margin:0}.modal-header-title{align-items:flex-start;display:flex;gap:.6rem}.modal-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.modal-back:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.modal-subtitle{color:var(--color-text-muted);font-size:.82rem;margin:.2rem 0 0}.modal-header-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.modal-header-badges .status{margin-left:0}.modal-close{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.modal-close:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.modal-close-hint{background-color:var(--color-warning-subtle);color:var(--color-warning);font-size:.8rem;margin:0;padding:.6rem 1.25rem}.modal-close-hint,.profile-card{border-bottom:1px solid var(--color-border);flex-shrink:0}.profile-card{display:flex;flex-direction:column;padding:1.25rem 1.5rem 1.5rem}.profile-identity{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:space-between;margin-bottom:1.25rem}.profile-identity .customer-toggle{flex-shrink:0}.profile-name-input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 160px;font:inherit;font-size:1.1rem;font-weight:700;min-width:0;padding:.5rem .7rem}.profile-name-input:hover{border-color:var(--color-text-faint)}.profile-name-input:focus{border-color:var(--color-primary);outline:none}.profile-name-input::placeholder{color:var(--color-text-faint);font-weight:600}.profile-action{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.3rem;justify-content:center;padding:.75rem .5rem;position:relative}.profile-action+.profile-action{border-left:1px solid var(--color-border)}.profile-action-btn{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:.3rem;padding:0}.profile-action-btn:hover{color:var(--color-primary)}.profile-action-btn:disabled{cursor:not-allowed;opacity:.6}.profile-action .click-to-call .btn-call{align-items:center;background-color:var(--color-success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;flex-direction:row;font-size:.8rem;font-weight:700;gap:.4rem;padding:.45rem 1.1rem;transition:filter .15s ease}.profile-action .click-to-call .btn-call:hover:not(:disabled){filter:brightness(1.08)}.profile-action .click-to-call .btn-call:disabled{cursor:not-allowed;opacity:.6}.profile-action .click-to-call{align-items:center;flex-direction:column;gap:.35rem}.profile-action .click-to-call .select-menu{max-width:8rem}.profile-action .click-to-call .select-menu-trigger{background:#0000;border:none;color:var(--color-text-muted);font-size:.72rem;font-weight:600;justify-content:center;padding:0}.profile-action .click-to-call .select-menu-trigger.open,.profile-action .click-to-call .select-menu-trigger:hover{border-color:#0000;box-shadow:none;color:var(--color-text)}.profile-action .call-feedback{font-size:.7rem}.profile-grid{grid-gap:1.25rem 1.5rem;display:grid;gap:1.25rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.profile-field{display:flex;flex-direction:column;gap:.35rem}.profile-field-wide{grid-column:1/-1}.profile-field-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;pointer-events:none;text-transform:uppercase}.profile-field-value{color:var(--color-text);font-size:.92rem;font-weight:600}.profile-field-hint{color:var(--color-text-muted);font-size:.78rem}.profile-field input,.profile-field textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:400;padding:.5rem .65rem;resize:vertical}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--color-primary);outline:none}.profile-field .select-menu-trigger{border-color:var(--color-border);font-size:.87rem;font-weight:400;padding:.5rem .65rem}.profile-field .select-menu-trigger.open{border-color:var(--color-primary);box-shadow:none}.profile-field .datetime-picker{display:inline-flex;width:100%}.profile-field .datetime-picker-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.87rem;font-weight:400;gap:.45rem;justify-content:flex-start;min-height:38px;padding:.5rem .65rem;pointer-events:auto;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap;width:100%}.profile-field .datetime-picker-trigger:hover{border-color:var(--color-border-strong)}.profile-field .datetime-picker-trigger svg{color:var(--color-text-muted);flex-shrink:0}.profile-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.profile-footer,.profile-section{border-top:1px solid var(--color-border);padding-top:1.25rem}.profile-section,.profile-section-toggle{margin-bottom:.25rem}.profile-section-toggle-open{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.profile-section-chevron{transition:transform .15s ease}.profile-section-chevron-open{transform:rotate(90deg)}.profile-section-body{margin-top:1.1rem}.profile-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:flex-end;margin-bottom:1.25rem}.customer-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.customer-toggle button{background-color:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .85rem;transition:background-color .15s ease,color .15s ease}.customer-toggle button+button{border-left:1px solid var(--color-border)}.customer-toggle button.active{background-color:var(--color-primary);color:#fff}.customer-form-actions{align-items:center;display:flex;gap:.6rem}.follow-up-history{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0 0 1.25rem;padding:0}.follow-up-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-radius:var(--radius-md,var(--radius-sm));padding:.9rem 1rem}.follow-up-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.follow-up-card-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.follow-up-card-title{color:var(--color-text);font-size:.95rem;font-weight:700;margin:0}.follow-up-priority-pill{align-items:center;display:inline-flex;gap:.3rem}.follow-up-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.follow-up-card-btn{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.35rem;padding:.4rem .75rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.follow-up-card-btn-reschedule{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text)}.follow-up-card-btn-reschedule:hover{border-color:var(--color-primary);color:var(--color-primary)}.follow-up-card-btn-done{background-color:#2e7d32;background-color:var(--color-success,#2e7d32);border:1px solid #0000;color:#fff}.follow-up-card-btn-done:hover{filter:brightness(.94)}.follow-up-card-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:.3rem .9rem;margin-top:.5rem}.follow-up-card-meta-item{align-items:center;display:inline-flex;gap:.3rem}.follow-up-field-label{color:var(--color-text-faint);font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.follow-up-history-note-label{display:block;margin-bottom:.15rem}.follow-up-status-pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.follow-up-status-done{background-color:var(--color-success-subtle);color:var(--color-success)}.follow-up-priority-low{background-color:var(--color-primary-subtle);color:var(--color-primary)}.follow-up-priority-medium{background-color:var(--color-warning-subtle);color:var(--color-warning)}.follow-up-priority-high{background-color:var(--color-danger);color:#fff}.select-menu.follow-up-priority-select .select-menu-trigger{font-weight:600}.select-menu.follow-up-priority-select-low .select-menu-trigger{border-color:var(--color-primary);color:var(--color-primary)}.select-menu.follow-up-priority-select-medium .select-menu-trigger{border-color:var(--color-warning);color:var(--color-warning)}.select-menu.follow-up-priority-select-high .select-menu-trigger{border-color:var(--color-danger);color:var(--color-danger)}.customer-toggle button.follow-up-filter-pending{background-color:var(--color-warning);color:#fff}.customer-toggle button.follow-up-filter-done{background-color:var(--color-success);color:#fff}.follow-up-history-note{color:var(--color-text);font-size:.85rem;margin:.5rem 0 0}.follow-up-history-resolution{border-top:1px dashed var(--color-border);margin-top:.6rem;padding-top:.6rem}.follow-up-history-resolution-label{color:var(--color-success);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.follow-up-history-resolution p{color:var(--color-text);font-size:.85rem;margin:.25rem 0 0}.follow-up-history-attachment{color:var(--color-primary);display:inline-block;font-size:.78rem;font-weight:600;margin-top:.4rem;text-decoration:none}.follow-up-history-attachment:hover{text-decoration:underline}.follow-up-add-actions{align-items:center;display:flex;gap:.6rem;justify-content:flex-end;margin-top:.75rem}.follow-up-add-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-radius:var(--radius-md,var(--radius-sm));padding:.9rem 1rem}.select-menu-trigger-label{align-items:center;display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis}.select-menu-leading-icon{display:inline-flex;flex:none;margin-right:.35rem}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.1rem 1.25rem}.modal-body .table-container{box-shadow:none}.call-history-thread-title{color:var(--color-text);font-size:.95rem;font-weight:700;margin:0 0 .85rem}.chat-thread{display:flex;flex-direction:column;gap:.75rem}.chat-date-divider{align-self:center;background-color:var(--color-surface-alt);border-radius:999px;color:var(--color-text-muted);font-size:.72rem;font-weight:600;margin:.5rem 0;padding:.2rem .75rem}.chat-bubble{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:min(420px,100%);padding:.7rem .9rem}.chat-bubble-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.chat-bubble-time{color:var(--color-text-muted);font-size:.72rem;white-space:nowrap}.chat-bubble-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem;margin-top:.35rem}.chat-bubble-meta a{color:var(--color-primary);font-weight:600;text-decoration:none}.chat-bubble-meta a:hover{text-decoration:underline}.chat-bubble-query{border-top:1px dashed var(--color-border);color:var(--color-text);display:flex;flex-direction:column;font-size:.82rem;gap:.35rem;margin-top:.5rem;padding-top:.5rem}.chat-bubble-query-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.4rem}.chat-bubble-query-label{color:var(--color-text-muted);flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.incoming-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.search-input-wrap{align-items:center;display:inline-flex;min-width:15rem;position:relative}.search-input-icon{color:var(--color-text-faint);left:.7rem;pointer-events:none;position:absolute}.search-input{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:.83rem;padding:.5rem .75rem .5rem 2.1rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.search-input:hover{border-color:var(--color-text-faint)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.select-menu{display:inline-flex;position:relative}.select-menu.incoming-agent-filter{max-width:12rem;min-width:9.5rem}.select-menu-trigger{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.83rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:border-color .15s ease,box-shadow .15s ease;white-space:nowrap;width:100%}.select-menu-trigger,.select-menu-trigger span{overflow:hidden;text-overflow:ellipsis}.select-menu-trigger:hover{border-color:var(--color-text-faint)}.select-menu-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.select-menu-trigger .select-caret{color:var(--color-text-faint);flex-shrink:0;transition:transform .15s ease}.select-menu-trigger.open .select-caret{transform:rotate(180deg)}.select-menu-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:.35rem;width:-webkit-max-content;width:max-content;z-index:30}.select-menu-option{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:block;font-size:.83rem;overflow:hidden;padding:.5rem .65rem;text-align:left;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease;white-space:nowrap;width:100%}.select-menu-option:hover{background-color:var(--color-primary-subtle)}.select-menu-option.selected{background-color:var(--color-primary);color:#fff;font-weight:600}.select-menu-option.selected:hover{background-color:var(--color-primary-hover)}.export-csv-btn{margin-left:auto}.alerts-toggle{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem}.stat-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1 180px;padding:1.1rem 1.25rem;position:relative;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stat-card-static{cursor:default}.stat-card:before{background-color:var(--color-border-strong);border-radius:999px;bottom:.85rem;content:"";left:0;position:absolute;top:.85rem;width:3px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card.active{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stat-card.active:before{background-color:var(--color-primary)}.stat-card.answered.active:before{background-color:var(--color-success)}.stat-card.missed.active:before{background-color:var(--color-danger)}.stat-card.attempted.active:before{background-color:var(--color-warning)}.stat-card.critical.active:before{background-color:var(--color-critical)}.stat-value{color:var(--color-text);font-size:1.85rem;font-weight:700;line-height:1.1}.stat-label{color:var(--color-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em;margin-top:.35rem;text-transform:uppercase}.data-table a{color:var(--color-primary);font-weight:600;text-decoration:none}.data-table a:hover{text-decoration:underline}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:1.25rem}.pagination-controls{align-items:center;display:flex;gap:.35rem;margin-left:auto}.pagination button{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;height:2.1rem;justify-content:center;transition:background-color .15s ease,border-color .15s ease;width:2.1rem}.pagination button:hover:not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-border-strong)}.pagination button:disabled{color:var(--color-text-faint);cursor:not-allowed}.pagination-status{padding:0 .35rem}.pagination-size,.pagination-status{color:var(--color-text-muted);font-size:.82rem;font-weight:500}.pagination-size{align-items:center;display:flex;gap:.5rem}.pagination-size select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;padding:.35rem .55rem}.summary-processing,.summary-queued{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.summary-failed{font-size:.85rem}.retry-button-sm,.summary-failed{color:var(--color-danger);font-weight:600}.retry-button-sm{background-color:var(--color-surface);border:1px solid var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;padding:.15rem .55rem;transition:background-color .15s ease}.retry-button-sm:hover{background-color:var(--color-danger-subtle)}.summary-view-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:0}.summary-view-link:hover{text-decoration:underline}.summary-detail-row td{background-color:var(--color-bg);padding:1rem 1.25rem}.summary-detail{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.85rem;max-width:800px;padding:1rem 1.25rem}.summary-detail p{color:var(--color-text);font-size:.9rem;margin-top:.3rem}.summary-detail details{color:var(--color-text-muted);font-size:.85rem}.summary-detail details summary{color:var(--color-text);cursor:pointer;font-weight:600}.summary-detail details p{margin-top:.5rem;white-space:pre-wrap}.resolved-badge{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .65rem;text-transform:capitalize}.resolved-badge.yes{background-color:var(--color-success-subtle);color:var(--color-success)}.resolved-badge.no{background-color:var(--color-danger-subtle);color:var(--color-danger)}.resolved-badge.partial{background-color:var(--color-warning-subtle);color:var(--color-warning)}.login-page{background-color:var(--color-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;min-height:100vh;padding:1.5rem;position:relative}.login-card,.login-page{align-items:center;display:flex}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-width:360px;padding:2rem 1.75rem;width:100%}.login-logo{background-color:#fff;border-radius:var(--radius-sm);height:44px;margin-bottom:.75rem;object-fit:contain;width:44px}.login-title{color:var(--color-text);font-size:1.05rem;font-weight:700;text-align:center}.login-subtitle{color:var(--color-text-muted);font-size:.8rem;margin-bottom:1.5rem;margin-top:.15rem;text-align:center}.login-field{color:var(--color-text);display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:.35rem;margin-bottom:1rem;width:100%}.login-field input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;padding:.6rem .75rem}.login-field input:focus{border-color:var(--color-primary);outline:none}.login-error{background-color:var(--color-danger-subtle);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.82rem;font-weight:600;margin-bottom:1rem;padding:.6rem .75rem;width:100%}.login-submit{justify-content:center;padding:.65rem 1rem;width:100%}.admin-create-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.admin-create-form input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1 200px;font-size:.87rem;min-width:0;padding:.55rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.admin-create-form input:hover{border-color:var(--color-text-faint)}.admin-create-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.admin-create-form .select-menu.admin-form-select{flex:1 1 200px;min-width:0}.admin-create-form .admin-form-select .select-menu-trigger{font-size:.87rem;padding:.55rem .75rem;width:100%}.select-menu.admin-agent-select{max-width:11rem}.admin-create-error{max-width:480px}.admin-list-title{margin-top:2rem}.admin-avatar-upload{cursor:pointer;display:inline-flex;position:relative}.admin-avatar-upload input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.admin-avatar-thumb{background-color:var(--color-primary-subtle);color:var(--color-primary);font-size:.85rem;font-weight:700;height:34px;object-fit:cover;width:34px}.admin-avatar-thumb,.admin-avatar-upload-badge{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.admin-avatar-upload-badge{background-color:var(--color-primary);border:2px solid var(--color-surface);bottom:-2px;color:#fff;height:16px;position:absolute;right:-2px;width:16px}.role-permission-checkboxes{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.9rem}.role-permission-checkbox{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.4rem}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border)}.data-table td .btn+.btn{margin-left:.5rem}@media (max-width:900px){.sidebar{box-shadow:var(--shadow-md);height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .2s ease;z-index:20}.sidebar.open{transform:translateX(0)}.sidebar-close{display:inline-flex}.sidebar-collapse-toggle{display:none}.sidebar-overlay{background-color:#0f172a73;display:block;inset:0;position:fixed;z-index:15}.menu-toggle{display:inline-flex}.App-header{padding:1rem 1.25rem}.App-main{padding:1.25rem 1.25rem 2.5rem}.pagination{justify-content:center}.pagination-controls{margin-left:0}}@media (max-width:560px){.App-header{align-items:stretch;flex-direction:column}.btn-danger-outline{justify-content:center}.agent-row{align-items:stretch;flex-direction:column;gap:.85rem}.agent-row-stats{gap:1.25rem;margin-left:0}}.chart-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem}.trend-chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.trend-legend{display:flex;flex-wrap:wrap;gap:1rem}.trend-legend-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:.78rem;font-weight:600;gap:.4rem}.trend-chart-svg-wrap{position:relative;width:100%}.trend-chart-svg{cursor:crosshair;display:block;height:auto;width:100%}.trend-gridline{stroke:var(--color-border);stroke-width:1}.trend-axis-label{fill:var(--color-text-muted);font-size:10px}.trend-crosshair{stroke:var(--color-text-muted);stroke-width:1;opacity:.5}.trend-tooltip{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:9rem;padding:.5rem .65rem;pointer-events:none;position:absolute;top:.5rem;transform:translateX(-50%);z-index:5}.trend-tooltip-date{color:var(--color-text-muted);font-size:.72rem;font-weight:700;margin-bottom:.35rem}.trend-tooltip-row{align-items:center;color:var(--color-text-muted);display:flex;font-size:.78rem;gap:.75rem;justify-content:space-between}.trend-tooltip-row+.trend-tooltip-row{margin-top:.2rem}.trend-tooltip-key{align-items:center;display:flex;gap:.35rem}.trend-tooltip-value{color:var(--color-text);font-weight:700}.agent-comparison-card,.heatmap-card{margin-top:1rem}.agent-comparison-list{display:flex;flex-direction:column;gap:.6rem}.agent-comparison-row{align-items:center;display:flex;gap:.75rem}.agent-comparison-label{color:var(--color-text);flex:0 0 8rem;font-size:.82rem;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.agent-comparison-bar-track{background-color:var(--color-border);border-radius:var(--radius-sm);display:flex;flex:1 1 auto;height:.9rem;overflow:hidden}.agent-comparison-bar-fill{height:100%}.agent-comparison-bar-fill.answered{background-color:var(--color-success)}.agent-comparison-bar-fill.missed{background-color:var(--color-danger)}.agent-comparison-value{font-feature-settings:"tnum";color:var(--color-text-muted);flex:0 0 8rem;font-size:.78rem;font-variant-numeric:tabular-nums}.heatmap-title{color:var(--color-text);font-size:.95rem;font-weight:700;margin:0}.heatmap-subtitle{color:var(--color-text-muted);font-size:.78rem;font-weight:600;margin:.2rem 0 0;min-height:1.1em}.heatmap-subtitle-hover{color:var(--color-text);font-weight:700}.heatmap-scale-legend{align-items:center;color:var(--color-text-muted);display:flex;font-size:.72rem;font-weight:600;gap:.4rem;white-space:nowrap}.heatmap-scale-chip{border:1px solid var(--color-border);border-radius:2px;height:.65rem;width:.65rem}.heatmap-wrap{position:relative;width:100%}.heatmap-svg{display:block;height:auto;width:100%}.heatmap-cell{stroke:var(--color-surface);stroke-width:2;cursor:pointer}.heatmap-cell-busiest{stroke:var(--color-primary);stroke-width:2}.heatmap-cell-hovered{stroke:var(--color-text);stroke-width:2}.heatmap-row-label{text-anchor:end}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-alt:#fafafb;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#111827;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#4338ca;--color-primary-hover:#3730a3;--color-primary-subtle:#eef2ff;--color-success:#047857;--color-success-subtle:#ecfdf5;--color-danger:#b91c1c;--color-danger-hover:#991b1b;--color-danger-subtle:#fef2f2;--color-warning:#b45309;--color-warning-subtle:#fffbeb;--color-critical:#9d174d;--color-critical-subtle:#fdf2f8;--sidebar-bg:#fff;--sidebar-bg-raised:#f4f5f7;--sidebar-border:#e5e7eb;--sidebar-text:#6b7280;--sidebar-text-active:#111827;--sidebar-accent:#4338ca;--sidebar-accent-subtle:#eef2ff;--sidebar-text-accent:#4338ca;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1118270f;--shadow-md:0 4px 12px #11182714;--sidebar-width:248px;--sidebar-width-collapsed:76px}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-alt:#1c1c1c;--color-border:#2a2a2a;--color-border-strong:#3a3a3a;--color-text:#e5e5e5;--color-text-muted:#9a9a9a;--color-text-faint:#6b6b6b;--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-subtle:#818cf829;--color-success:#34d399;--color-success-subtle:#34d39924;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-subtle:#f8717124;--color-warning:#fbbf24;--color-warning-subtle:#fbbf2424;--color-critical:#f472b6;--color-critical-subtle:#f472b629;--sidebar-bg:#0f0f0f;--sidebar-bg-raised:#1c1c1c;--sidebar-border:#2a2a2a;--sidebar-text:#9a9a9a;--sidebar-text-active:#fff;--sidebar-accent:#818cf8;--sidebar-accent-subtle:#818cf82e;--sidebar-text-accent:#c7d2fe;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 12px #00000073}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f5f7;background-color:var(--color-bg);color:#111827;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--color-border-strong);border:2px solid #f4f5f7;border:2px solid var(--color-bg);border-radius:999px}button{font-family:inherit}
/*# sourceMappingURL=main.8a7a1ebe.css.map*/