.signin-page{height:100vh;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.signin-left{flex:1;padding:48px 64px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;overflow:visible}.signin-form-container{display:flex;flex-direction:column;align-items:center;width:100%;justify-content:center;height:100%}.signin-right{width:44%;background:linear-gradient(180deg,#0f2546,#0b2746);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.signin-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(ellipse at 50% 0%,rgba(43,209,176,.06) 0 38%,transparent 39%),radial-gradient(ellipse at 50% 50%,rgba(43,209,176,.04) 0 34%,transparent 35%);background-size:100% 160px,100% 160px;background-repeat:repeat-y;transform:translateY(-20px);opacity:.95}.brand-pill{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,#09b07a,#0f9b6b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-bottom:18px}.welcome{font-size:34px;font-weight:600;margin:8px 0 6px}.muted{color:#6c757d;margin-bottom:28px}.form{width:100%;max-width:520px}.ms-btn{width:100%;padding:14px 20px;border-radius:28px;border:1px solid #e6e9ee;background:#fff;display:flex;align-items:center;gap:12px;justify-content:center;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;font-family:inherit}.ms-btn:hover:not(:disabled){background:#f8f9fa;border-color:#0066b3;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ms-btn:disabled{opacity:.6;cursor:not-allowed}.signin-branding{text-align:center}.brand-logo-large{width:76px;height:76px;border-radius:12px;background:linear-gradient(135deg,#09b07a,#0f9b6b);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;margin-bottom:18px}.signin-art-title{font-size:44px;font-weight:600;color:#2bd1b0;margin:0}.signin-art-sub{margin-top:12px;color:#cbd6e6}.error-banner{background:#fee2e2;color:#991b1b;padding:12px 20px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:10px}.config-error-banner{background:#fff3cd;color:#856404;padding:12px 20px;border-radius:8px;margin-bottom:24px;border:1px solid #ffc107}.config-error-text{margin:.5rem 0 0;font-size:14px}:root{--primary-blue: #0066B3;--secondary-blue: #004A87;--light-blue: #E6F2FF;--success-green: #00A651;--warning-amber: #F39C12;--error-red: #DC3545;--neutral-gray: #F8F9FA;--text-dark: #495057;--text-muted: #6C757D;--white: #FFFFFF;--border: #DEE2E6;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--bg-elevated: #FFFFFF;--gradient-blue: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);--gradient-green: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-gray: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);--app-nav-header-height: 72px;--app-nav-height: 56px;--main-padding-v: 16px}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;color:var(--text-dark);background:var(--neutral-gray);line-height:1.5}header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;min-height:var(--app-nav-header-height);box-sizing:border-box;background:var(--white);border-bottom:2px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}header .brand{display:flex;align-items:center;gap:12px}header .brand-logo{width:120px;display:block}header .brand>div{align-self:flex-end}header .brand-subtitle{font-size:18px;color:var(--text-muted);font-weight:400}header .status-badges{display:flex;gap:12px;align-items:center}nav{display:flex;gap:4px;padding:0 32px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:var(--app-nav-header-height);z-index:99}nav a{padding:16px 24px;text-decoration:none;color:var(--text-muted);font-weight:500;font-size:15px;border-bottom:3px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:8px}nav a:hover{background:var(--light-blue);color:var(--primary-blue)}nav a.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);background:transparent}main{padding:8px 32px;max-width:100%;margin:0 auto}.page-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-height:auto;box-sizing:border-box;margin-bottom:8px;padding:12px 0}.page-title{font-size:15px;font-weight:600;color:var(--text-dark);margin:0;line-height:1.25}.page-subtitle{font-size:14px;color:var(--text-muted);margin:0;line-height:1.25;padding-left:20px;border-left:1px solid var(--border)}@media (max-width: 640px){.page-subtitle{padding-left:0;border-left:none;flex-basis:100%}}button,.btn{font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button:active,.btn:active{transform:translateY(0)}button.primary,.btn-primary{background:var(--primary-blue);color:var(--white)}button.primary:hover,.btn-primary:hover{background:var(--secondary-blue)}button.secondary,.btn-secondary{background:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue)}button.secondary:hover,.btn-secondary:hover{background:var(--light-blue)}button.success{background:var(--success-green);color:var(--white)}button.warning{background:var(--warning-amber);color:var(--white)}button.danger{background:var(--error-red);color:var(--white)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.badge.success{background:#d4edda;color:#155724}.badge.warning{background:#fff3cd;color:#856404}.badge.error{background:#f8d7da;color:#721c24}.badge.info{background:var(--light-blue);color:var(--secondary-blue)}.badge.neutral{background:#e9ecef;color:#495057}.badge.outcome-confirmed{background:#e6f4ea;color:#0b6e0b}.badge.outcome-alt{background:#e0f2fe;color:#075985}.badge.outcome-reschedule{background:#fdf2f8;color:#9d174d}.badge.outcome-noanswer{background:#fff7e6;color:#b45309}.badge.outcome-transfer{background:#f3e8ff;color:#5b21b6}.badge.outcome-invalid{background:#fee2e2;color:#991b1b}.badge.outcome-cancelled{background:#f8d7da;color:#842029}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.green{background:var(--success-green)}.status-dot.amber{background:var(--warning-amber)}.status-dot.red{background:var(--error-red)}.table-container{background:var(--white);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow)}.table-container--scroll-inner{overflow:visible;min-width:0}.table-scroll-wrapper{overflow-x:auto;overflow-y:hidden;min-width:0;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.table-scroll-wrapper .table{width:100%}.table-scroll-wrapper .table th,.table-scroll-wrapper .table td{min-width:0}@media (max-width: 1024px){.table-scroll-wrapper .table{min-width:max-content}}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead{background:var(--neutral-gray);position:sticky;top:0;z-index:1}.table th{padding:10px 14px;text-align:left;font-weight:700;font-size:13px;color:var(--text-dark);border-bottom:2px solid var(--border);white-space:nowrap}.table td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.table tbody tr{transition:background .15s ease}.table tbody tr:nth-child(2n){background:#fafbfc}.table tbody tr:hover,.table tbody tr.selected{background:var(--light-blue)}.table tbody tr.table-row--editing,.table tbody tr.table-row--editing:nth-child(2n){background:#e8f4fb!important}.table tbody tr.table-row--editing td{border-top:1.5px solid #93C5E8!important;border-bottom:1.5px solid #93C5E8!important}.table tbody tr.table-row--editing td:first-child{border-left:4px solid var(--primary-blue)!important}.table tbody tr.table-row--editing td:last-child{border-right:1.5px solid #93C5E8!important}.table tbody tr.whiteglove-yes,.table tbody tr.whiteglove-yes td,.table tbody tr.whiteglove-yes td *{font-weight:800!important}.table tbody tr.whiteglove-no,.table tbody tr.whiteglove-no td,.table tbody tr.whiteglove-no td *{font-weight:400!important}.table tbody tr.blocked-by-other,.table tbody tr.blocked-by-other:nth-child(2n){background:#f0f0f0!important;color:#999!important;cursor:not-allowed;opacity:.7}.table tbody tr.blocked-by-other:hover{background:#e8e8e8!important}.table tbody tr.blocked-by-other td{color:#999!important}.table tbody tr.blocked-by-other input[type=checkbox]{cursor:not-allowed;opacity:.4}.table tbody tr.call-in-progress,.table tbody tr.call-in-progress:nth-child(2n){background:#e8e8e8!important;color:#888!important;cursor:not-allowed;opacity:.75}.table tbody tr.call-in-progress:hover{background:#e0e0e0!important}.table tbody tr.call-in-progress td{color:#888!important}.table tbody tr.call-in-progress input[type=checkbox]{cursor:not-allowed;opacity:.4}.blocked-by-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:#ffe0e0;color:#b71c1c;white-space:nowrap}input[type=text],input[type=search],input[type=date],select{font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;transition:all .2s ease}input[type=text]:focus,input[type=search]:focus,input[type=date]:focus,select:focus{outline:none}input[type=text]:focus-visible,input[type=search]:focus-visible,input[type=date]:focus-visible,select:focus-visible{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066b31a}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-blue)}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;align-items:center}.controls .spacer{flex:1}.search-bar{display:flex;align-items:center;gap:8px;background:var(--white);padding:8px 16px;border-radius:8px;border:1px solid var(--border)}.search-bar input{border:none;outline:none;flex:1;min-width:250px}.toast-container{position:fixed;top:80px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px}.toast{background:var(--white);padding:16px;border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;align-items:center;gap:12px;min-width:320px;animation:slideIn .3s ease;border-left:4px solid var(--primary-blue)}.toast.success{border-left-color:var(--success-green)}.toast.error{border-left-color:var(--error-red)}.toast.warning{border-left-color:var(--warning-amber)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.metrics-bar{display:flex;gap:16px;margin-bottom:24px}.metric-box{flex:1;background:var(--white);padding:14px;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}.metrics-bar a.metric-box{text-decoration:none;color:inherit}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.metric-icon.blue{background:var(--light-blue);color:var(--primary-blue)}.metric-icon.green{background:#d4edda;color:var(--success-green)}.metric-icon.amber{background:#fff3cd;color:var(--warning-amber)}.metric-content{flex:1}.metric-value{font-size:32px;font-weight:700;color:var(--text-dark);line-height:1}.metric-label{font-size:13px;color:var(--text-muted);margin-top:4px}.user-menu{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-weight:500;color:var(--text-dark);font-size:14px}.modal-overlay{animation:modalOverlayFadeIn .18s ease-out both}.modal-overlay .modal-content,.modal-overlay>div:not([class]){animation:modalContentScaleIn .18s ease-out both}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-panel-enter{animation:panelSlideIn .18s ease-out both}@keyframes panelSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.filter-menu-dialog::backdrop{background:transparent}.popup-dialog{padding:0;border:none;border-radius:10px;background:transparent;overflow:visible;width:min(720px,calc(100% - 48px));max-height:min(70vh,520px);box-shadow:none}.popup-dialog::backdrop{background:#00000059}.filter-menu-enter{animation:filterMenuScaleIn .15s ease-out both}@keyframes filterMenuScaleIn{0%{opacity:0;transform:scaleY(.92);transform-origin:top left}to{opacity:1;transform:scaleY(1);transform-origin:top left}}.page-transition-enter{animation:pageFadeIn .18s ease-out both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}