.agents-page-wrapper{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding-bottom:40px;display:flex}.agents-header-card{background:#fff;border:1px solid #0f2b5c14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0f2b5c0a}.agents-header-info h1{color:#0f2b5c;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:850}.agents-header-info p{color:#64748b;margin:0;font-size:13.5px;font-weight:500}.agents-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.role-switcher-badge{color:#0f2b5c;background:#0f2b5c0d;border:1px solid #0f2b5c1f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.agents-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.agent-kpi-card{background:#fff;border:1px solid #0f2b5c14;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0f2b5c08}.agent-kpi-card:hover{border-color:#00c9b759;transform:translateY(-2px);box-shadow:0 8px 24px #0f2b5c12}.agent-kpi-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.agent-kpi-icon-wrap.navy{color:#0f2b5c;background:#0f2b5c14}.agent-kpi-icon-wrap.emerald{color:#10b981;background:#10b9811f}.agent-kpi-icon-wrap.teal{color:#00a89a;background:#00c9b71f}.agent-kpi-icon-wrap.amber{color:#d97706;background:#f59e0b1f}.agent-kpi-info{flex-direction:column;display:flex}.agent-kpi-label{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:12px;font-weight:700}.agent-kpi-value{color:#0f2b5c;font-size:26px;font-weight:850;line-height:1.15}.agent-status-badge{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.agent-status-badge.online{color:#065f46;background:#10b9811f}.agent-status-badge.away{color:#92400e;background:#f59e0b1f}.agent-status-badge.offline{color:#475569;background:#94a3b826}.status-dot-pulse{border-radius:50%;width:7px;height:7px}.agent-status-badge.online .status-dot-pulse{background:#10b981;box-shadow:0 0 0 2px #10b9814d}.agent-status-badge.away .status-dot-pulse{background:#f59e0b}.agent-status-badge.offline .status-dot-pulse{background:#94a3b8}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.team-card{background:#fff;border:1px solid #0f2b5c14;border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex;box-shadow:0 4px 18px #0f2b5c08}.team-card:hover{border-color:#00c9b766;transform:translateY(-2px);box-shadow:0 8px 24px #0f2b5c14}.team-card-header{justify-content:space-between;align-items:center;display:flex}.team-card-title{color:#0f2b5c;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.team-card-dot{border-radius:4px;width:12px;height:12px}.team-card-desc{color:#475569;min-height:38px;margin:0;font-size:13px;line-height:1.45}.team-card-meta{color:#64748b;border-top:1px solid #0f2b5c0f;justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;font-weight:600;display:flex}.team-rule-badge{color:#007d72;background:#00c9b71a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:750;display:inline-flex}.capacity-bar-wrap{flex-direction:column;gap:4px;width:140px;display:flex}.capacity-bar-text{color:#475569;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;display:flex}.capacity-progress{background:#e2e8f0;border-radius:999px;height:6px;position:relative;overflow:hidden}.capacity-progress-fill{border-radius:999px;height:100%;transition:width .3s}.capacity-progress-fill.green{background:#10b981}.capacity-progress-fill.amber{background:#f59e0b}.capacity-progress-fill.red{background:#ef4444}.inbox-queue-tabs{background:#f8fafc;border-bottom:1px solid #0f2b5c14;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.inbox-queue-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.inbox-queue-tab:hover{color:#0f2b5c;background:#0f2b5c0d}.inbox-queue-tab.active{color:#fff;background:#0f2b5c}.inbox-queue-count{background:#00000014;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:750}.inbox-queue-tab.active .inbox-queue-count{color:#fff;background:#ffffff40}.chat-bubble-note{align-self:center;max-width:85%;margin:8px 0;background:#fffbeb!important;border:1px solid #fde68a!important;border-radius:12px!important;padding:10px 14px!important;box-shadow:0 2px 8px #f59e0b14!important}.chat-bubble-note-head{color:#b45309;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;font-size:11px;font-weight:750;display:flex}.chat-bubble-note-body{color:#78350f;white-space:pre-wrap;font-size:13px;line-height:1.45}.chat-bubble-system-event{color:#475569;background:#0f2b5c0a;border:1px dashed #0f2b5c26;border-radius:999px;align-self:center;align-items:center;gap:6px;margin:6px 0;padding:4px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.agent-mobile-banner{color:#fff;background:linear-gradient(135deg,#091b38 0%,#0f2b5c 55%,#0f3d6b 100%);border:1px solid #00c9b74d;border-radius:20px;justify-content:space-between;align-items:center;gap:32px;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f2b5c29,inset 0 1px #ffffff1a}.agent-mobile-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c9b740 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.agent-mobile-banner-left{flex-direction:column;flex:1;gap:12px;max-width:780px;display:flex}.agent-mobile-banner-badge{letter-spacing:.08em;color:#00c9b7;text-transform:uppercase;background:#00c9b726;border:1px solid #00c9b759;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.agent-mobile-pulse-dot{background:#00c9b7;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseApp;box-shadow:0 0 8px #00c9b7}@keyframes pulseApp{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.agent-mobile-banner-left h2{letter-spacing:-.025em;color:#fff;margin:0;font-size:24px;font-weight:850;line-height:1.25}.agent-mobile-banner-left p{color:#cbd5e1;margin:0;font-size:13.5px;line-height:1.55}.agent-mobile-banner-perks{flex-wrap:wrap;gap:16px;margin-top:2px;display:flex}.agent-mobile-perk{color:#e2e8f0;align-items:center;gap:7px;font-size:12.5px;font-weight:550;display:flex}.agent-mobile-check{color:#00c9b7;flex-shrink:0}.agent-mobile-banner-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.agent-mobile-btn-primary{color:#042f2c;cursor:pointer;background:#00c9b7;border:0;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:13.5px;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #00c9b759}.agent-mobile-btn-primary:hover{background:#14dfcb;transform:translateY(-1px);box-shadow:0 6px 18px #00c9b773}.agent-mobile-btn-secondary{color:#25d366;cursor:pointer;background:#25d3661f;border:1px solid #25d36659;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.agent-mobile-btn-secondary:hover{background:#25d36633;border-color:#25d366}.agent-mobile-banner-right{flex-shrink:0}.agent-mobile-qr-card-hero{cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 10px 25px #00000040}.agent-mobile-qr-card-hero:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 14px 30px #00c9b740}.agent-mobile-qr-header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.agent-mobile-qr-kicker{color:#0f2b5c;letter-spacing:.08em;font-size:10px;font-weight:850}.agent-mobile-qr-free{color:#059669;text-transform:uppercase;background:#ecfdf5;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800}.agent-mobile-qr-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:8px}.agent-mobile-qr-footer{flex-direction:column;align-items:center;gap:6px;display:flex}.agent-mobile-qr-scan-text{color:#475569;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.agent-mobile-stores-row{gap:4px;display:flex}.agent-store-chip{color:#475569;background:#f1f5f9;border-radius:5px;padding:1px 6px;font-size:9.5px;font-weight:700}.agent-app-modal-simple{max-width:95vw!important}.agent-app-modal-simple .ant-modal-content{border:1px solid #0f2b5c1a!important;border-radius:20px!important;padding:0!important;overflow:hidden!important;box-shadow:0 25px 60px #0f2b5c2e!important}.agent-app-modal-simple .ant-modal-close{color:#64748b!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;transition:all .2s!important;display:flex!important;top:16px!important;right:16px!important}.agent-app-modal-simple .ant-modal-close:hover{transform:scale(1.05);color:#0f172a!important;background:#e2e8f0!important}.agent-modal-clean{background:#fff;flex-direction:column;display:flex}.agent-modal-clean-header{border-bottom:1px solid #f1f5f9;padding:20px 24px 16px}.agent-modal-title-row{align-items:center;gap:12px;display:flex}.agent-modal-title-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.agent-modal-title-row h3{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.3}.agent-modal-title-row p{color:#64748b;margin:3px 0 0;font-size:13px}.agent-modal-stores-grid{background:#f8fafc;grid-template-columns:1fr 1fr;gap:16px;padding:22px 24px;display:grid}.agent-modal-store-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:18px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0f172a08}.agent-modal-store-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.agent-modal-store-top{margin-bottom:12px}.store-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:650;display:inline-flex}.store-badge.android{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.store-badge.apple{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}.agent-modal-qr-wrap{background:#fff;border:1px solid #f1f5f9;border-radius:14px;justify-content:center;margin-bottom:14px;padding:10px;display:flex}.agent-modal-store-btn{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:10px 14px;font-size:13px;font-weight:650;text-decoration:none;transition:all .15s;display:flex}.agent-modal-store-btn.is-play{color:#fff;background:#0f2b5c}.agent-modal-store-btn.is-play:hover{color:#fff;background:#1a428a}.agent-modal-store-btn.is-apple{color:#fff;background:#0f172a}.agent-modal-store-btn.is-apple:hover{color:#fff;background:#1e293b}.agent-modal-copy-link{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:550;transition:all .15s;display:inline-flex}.agent-modal-copy-link:hover{color:#0f2b5c;background:#f1f5f9}.agent-modal-share-bar{background:#fff;border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:16px 24px 20px;display:flex}.agent-modal-share-label{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.agent-modal-share-inputs{gap:8px;display:flex}@media (max-width:640px){.agent-modal-stores-grid{grid-template-columns:1fr}.agent-modal-share-inputs{flex-direction:column}}.agents-table-card{background:#fff;border:1px solid #0f2b5c14;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0f2b5c08}.agents-custom-table{-webkit-overflow-scrolling:touch;width:100%!important;overflow:hidden!important}.agents-custom-table .ant-table-wrapper,.agents-custom-table .ant-spin-nested-loading,.agents-custom-table .ant-spin-container,.agents-custom-table .ant-table,.agents-custom-table .ant-table-container,.agents-custom-table .ant-table-content,.agents-custom-table .ant-table-body{width:100%!important;max-width:100%!important;overflow:hidden!important}.agents-custom-table .ant-table table{border-collapse:separate;border-spacing:0;table-layout:fixed!important;width:100%!important}.agents-custom-table .ant-table-thead>tr>th{line-height:1.4;color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;white-space:nowrap!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:13px 16px!important;font-size:11.5px!important;font-weight:700!important}.agents-custom-table .ant-table-thead>tr>th:before{display:none!important}.agents-custom-table .ant-table-tbody>tr>td{background:#fff;transition:background .15s;vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:13px 16px!important}.agents-custom-table .ant-table-tbody>tr:hover>td{background:#fafbfd!important}.agents-custom-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.agent-action-btn{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.agent-action-btn.edit{color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.agent-action-btn.edit:hover{transform:translateY(-1px);color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}.agent-action-btn.delete{color:#ef4444!important;background:#fef2f2!important;border:1px solid #fee2e2!important}.agent-action-btn.delete:hover{transform:translateY(-1px);color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}.agent-phone-chip{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;max-width:100%;padding:4px 10px;transition:all .15s;display:inline-flex}.agent-phone-chip:hover{background:#f0fdfa;border-color:#99f6e4}.agent-phone-chip:hover .agent-phone-num{color:#0f766e}