.App{background-color:var(--color-bg);display:flex;min-height:100vh}.sidebar{background-color:var(--sidebar-bg);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;width:var(--sidebar-width)}.sidebar-brand{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;gap:.7rem;padding:1.15rem 1.15rem 1rem}.sidebar-logo{background-color:#fff;border-radius:var(--radius-sm);flex-shrink:0;height:34px;object-fit:contain;width:34px}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.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}.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:.2rem;padding:.85rem}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.87rem;font-weight:600;gap:.7rem;padding:.6rem .75rem;text-align:left;transition:background-color .15s ease,color .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);color:#fff}.sidebar-user{align-items:center;border-top:1px solid var(--sidebar-border);display:flex;gap:.5rem;justify-content:space-between;padding:.85rem 1.15rem}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.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}.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}.sidebar-status-dot{background-color:#22c55e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.sidebar-overlay{display:none}.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{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:.8rem;max-width:9rem;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}.dialpad-agent-select{font-size:.87rem;margin-top:-.4rem;padding:.55rem .65rem}.dialpad-agent-select,.dialpad-display{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text)}.dialpad-display{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:flex-end;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}.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);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:.9rem 1.25rem;transition:box-shadow .15s ease,border-color .15s ease}.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-md);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:600;letter-spacing:.04em;padding:.8rem 1.1rem;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: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)}.table-critical-badge{margin-left:.5rem}.data-table td{color:var(--color-text);font-size:.87rem;padding:.8rem 1.1rem}.status{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .65rem;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)}.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}.customer-number-link:hover{text-decoration:underline}.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-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{align-items:center;background-color:#0f172a73;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:30}.modal-panel{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:85vh;max-width:720px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.1rem 1.25rem}.modal-header h2{color:var(--color-text);font-size:1.05rem;margin:0}.modal-subtitle{font-size:.82rem;margin:.2rem 0 0}.modal-close,.modal-subtitle{color:var(--color-text-muted)}.modal-close{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);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-call-action{justify-content:flex-end}.customer-form,.modal-call-action{background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;padding:.85rem 1.25rem}.customer-form{flex-direction:column;gap:.75rem}.customer-form-row{display:flex;flex-wrap:wrap;gap:.85rem}.customer-form-row label{color:var(--color-text-muted);display:flex;flex:1 1 220px;flex-direction:column;font-size:.72rem;font-weight:600;gap:.3rem;letter-spacing:.03em;text-transform:uppercase}.customer-form-row input,.customer-form-row textarea{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:400;letter-spacing:normal;padding:.5rem .65rem;resize:vertical;text-transform:none}.customer-form-row input:focus,.customer-form-row textarea:focus{border-color:var(--color-primary);outline:none}.customer-form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.customer-toggle{border:1px solid var(--color-border-strong);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-strong)}.customer-toggle button.active{background-color:var(--color-primary);color:#fff}.customer-form-actions{align-items:center;display:flex;gap:.6rem}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.1rem 1.25rem}.modal-body .table-container{box-shadow:none}.chat-thread{display:flex;flex-direction:column;gap:.5rem}.chat-date-divider{align-self:center;border-radius:999px;color:var(--color-text-muted);font-size:.72rem;font-weight:600;margin:.5rem 0;padding:.2rem .75rem}.chat-bubble,.chat-date-divider{background-color:var(--color-surface-alt)}.chat-bubble{border-left:3px solid var(--color-border-strong);border-radius:var(--radius-md);max-width:85%;padding:.6rem .85rem}.chat-bubble-answered{border-left-color:var(--color-success)}.chat-bubble-missed{border-left-color:var(--color-danger)}.chat-bubble-attempted{border-left-color:var(--color-warning)}.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}.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: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);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}.admin-create-form input:focus{border-color:var(--color-primary);outline:none}.admin-create-error{max-width:480px}.admin-list-title{margin-top:2rem}@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-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}}*{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:#111827;--sidebar-bg-raised:#1f2937;--sidebar-border:#1f2937;--sidebar-text:#9ca3af;--sidebar-text-active:#fff;--sidebar-accent:#6366f1;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1118270f;--shadow-md:0 4px 12px #11182714;--sidebar-width:248px}[data-theme=dark]{--color-bg:#0b0f19;--color-surface:#131826;--color-surface-alt:#1a2032;--color-border:#262d40;--color-border-strong:#384057;--color-text:#e5e7eb;--color-text-muted:#9ca3af;--color-text-faint:#6b7280;--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:#070a12;--sidebar-bg-raised:#1a2032;--sidebar-border:#1a2032;--sidebar-text:#9ca3af;--sidebar-text-active:#fff;--sidebar-accent:#6366f1;--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.e303d3e0.css.map*/