.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{max-width:95vw!important}.agent-app-modal .ant-modal-content{border:1px solid #0f2b5c1f!important;border-radius:20px!important;padding:0!important;overflow:hidden!important;box-shadow:0 25px 60px #091b384d!important}.agent-app-modal .ant-modal-close{color:#fff!important;width:32px!important;height:32px!important;box-shadow:none!important;background:#ffffff26!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important;top:18px!important;right:18px!important}.agent-app-modal .ant-modal-close:hover{transform:scale(1.08);color:#fff!important;background:#ffffff4d!important}.agent-app-modal-body{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.agent-app-modal-hero{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#091b38 0%,#0f2b5c 100%);align-items:flex-start;gap:16px;padding:24px 28px;display:flex;position:relative}.agent-app-modal-icon-wrap{color:#00c9b7;background:#00c9b726;border:1px solid #00c9b759;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.agent-app-pulse-ring{border:1px solid #00c9b766;border-radius:18px;animation:2s infinite pulseRing;position:absolute;inset:-4px}@keyframes pulseRing{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.15)}}.agent-app-modal-hero-text h2{color:#fff;letter-spacing:-.02em;margin:2px 0 4px;font-size:20px;font-weight:850}.agent-app-modal-hero-text p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.45}.agent-app-tag{color:#00c9b7;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.agent-app-modal-grid{box-sizing:border-box;background:#fbfcfd;grid-template-columns:260px minmax(0,1fr);gap:20px;width:100%;padding:22px 24px;display:grid}.agent-app-qr-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;width:100%;padding:16px;display:flex;box-shadow:0 4px 16px #0f2b5c0a}.agent-app-tab-pills{background:#f1f5f9;border-radius:9px;gap:2px;width:100%;margin-bottom:12px;padding:3px;display:flex}.agent-app-tab-pill{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:7px;flex:1;padding:4px 0;font-size:11px;font-weight:700;transition:all .15s}.agent-app-tab-pill.is-active{color:#0f2b5c;background:#fff;box-shadow:0 2px 6px #0f2b5c14}.agent-app-qr-box{flex-direction:column;align-items:center;gap:8px;display:flex}.agent-app-qr-scan-label{color:#0f2b5c;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.agent-app-qr-hint{color:#64748b;text-align:center;margin-top:10px;padding:0 4px;font-size:11px;line-height:1.4}.agent-app-details-col{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.agent-app-store-buttons{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.agent-app-store-btn{color:#0f2b5c;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 14px;text-decoration:none;transition:all .15s;display:flex}.agent-app-store-btn:hover{color:#0f2b5c;border-color:#00c9b7;transform:translateY(-1px);box-shadow:0 4px 14px #0f2b5c0f}.agent-app-store-icon{background:#f8fafc;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.agent-app-store-btn.is-play .agent-app-store-icon{color:#00c9b7;background:#00c9b71a}.agent-app-store-btn.is-apple .agent-app-store-icon{color:#0f2b5c;background:#0f2b5c14}.agent-app-store-btn.is-apk .agent-app-store-icon{color:#10b981;background:#10b9811a}.agent-app-store-btn small{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600;display:block}.agent-app-store-btn strong{color:#0f2b5c;font-size:13.5px;font-weight:750;line-height:1.2;display:block}.agent-app-send-box{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:12px 14px;display:flex}.agent-app-send-title{color:#475569;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex}.agent-app-send-row{box-sizing:border-box;gap:8px;width:100%;display:flex}.agent-app-phone-input{border-radius:10px!important;flex:1!important;min-width:0!important}.agent-app-wa-send-btn{background:#25d366!important;border-color:#25d366!important;border-radius:10px!important;flex-shrink:0!important;align-items:center!important;gap:6px!important;font-weight:700!important;display:inline-flex!important}.agent-app-wa-send-btn:hover{background:#1ebc57!important;border-color:#1ebc57!important}.agent-app-copy-row{box-sizing:border-box;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 10px;display:flex}.agent-app-link-text{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11.5px;overflow:hidden}.agent-app-copy-btn{color:#0f2b5c;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.agent-app-copy-btn:hover{color:#00c9b7;border-color:#00c9b7}.agent-app-features-footer{background:#fff;border-top:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 28px;display:grid}.agent-app-feature-badge{align-items:center;gap:10px;display:flex}.agent-app-feat-icon{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.agent-app-feat-icon.is-bell{color:#3b82f6;background:#eff6ff}.agent-app-feat-icon.is-chat{color:#16a34a;background:#f0fdf4}.agent-app-feat-icon.is-users{color:#c026d3;background:#fdf4ff}.agent-app-feat-icon.is-shield{color:#0d9488;background:#f0fdfa}.agent-app-feature-badge strong{color:#0f2b5c;font-size:12px;font-weight:750;line-height:1.25;display:block}.agent-app-feature-badge span{color:#64748b;margin-top:1px;font-size:10.5px;display:block}@media (max-width:768px){.agent-mobile-banner{flex-direction:column;align-items:stretch}.agent-app-modal-grid{grid-template-columns:1fr}.agent-app-features-footer{grid-template-columns:1fr 1fr}}