@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.cp-page{--cp-accent:var(--brand-accent,#0EA5E9);--cp-secondary:var(--brand-secondary,#4a8cea);min-height:100%;padding:30px 32px 44px;background:#f6f7fa;color:#282f3d;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}.cp-page *{box-sizing:border-box}.cp-container{max-width:1450px;margin:auto}.cp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.cp-eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cp-accent);font-weight:800}.cp-head h1{font-size:28px;letter-spacing:-.8px;margin:6px 0}.cp-head p{font-size:13px;color:#778091;margin:0}.cp-actions{display:flex;gap:9px}.cp-btn{border:1px solid #dfe2e9;background:#fff;color:#4f586b;border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}.cp-btn.primary{border-color:var(--cp-accent);background:var(--cp-accent);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--cp-accent) 24%,transparent)}.cp-health{display:flex;align-items:center;gap:12px;border:1px solid #d8efe7;background:linear-gradient(90deg,#effbf7,#fbfffd);border-radius:11px;padding:13px 15px;margin-bottom:17px}.cp-health.warning{background:#fff9ee;border-color:#f4dfb9}.cp-health.critical{background:#fff2f2;border-color:#f4caca}.cp-health-icon{width:34px;height:34px;border-radius:9px;background:#dff6ed;color:#1c9b70;display:grid;place-items:center}.cp-health.warning .cp-health-icon{background:#fff0cf;color:#d18920}.cp-health.critical .cp-health-icon{background:#ffe0e0;color:#dc4f4f}.cp-health strong,.cp-health small{display:block}.cp-health strong{font-size:12px}.cp-health small{font-size:10px;color:#718078;margin-top:4px}.cp-health a{margin-left:auto;color:#198b67;font-size:11px;font-weight:700;text-decoration:none}.cp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.cp-stat,.cp-card{background:#fff;border:1px solid #e1e4ea;border-radius:12px;box-shadow:0 1px 3px #141b2d09}.cp-stat{padding:18px}.cp-stat-icon{width:36px;height:36px;border-radius:9px;background:#e0f2fe;color:var(--cp-accent);display:grid;place-items:center;margin-bottom:13px}.cp-stat:nth-child(2) .cp-stat-icon{background:#eaf3ff;color:#4285eb}.cp-stat:nth-child(3) .cp-stat-icon{background:#e8f9f3;color:#25aa7b}.cp-stat:nth-child(4) .cp-stat-icon{background:#fff3df;color:#df951f}.cp-stat label{display:block;font-size:9px;letter-spacing:1px;color:#9299a7;font-weight:800}.cp-stat b{display:block;font-size:25px;margin-top:6px;letter-spacing:-.5px}.cp-stat small{display:block;color:#8891a1;font-size:10px;margin-top:6px}.cp-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:16px}.cp-card-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 13px}.cp-card-head h2{font-size:14px;margin:0 0 4px}.cp-card-head p{font-size:10px;color:#9298a7;margin:0}.cp-link{border:0;background:transparent;color:var(--cp-accent);font-size:10px;font-weight:700;cursor:pointer;text-decoration:none}.cp-chart{height:210px;padding:8px 20px 18px;display:flex;align-items:flex-end;gap:7px;border-top:1px solid #f0f1f4}.cp-bar{flex:1;min-width:6px;background:linear-gradient(to top,color-mix(in srgb,var(--cp-accent) 75%,#fff),color-mix(in srgb,var(--cp-secondary) 65%,#fff));border-radius:5px 5px 2px 2px;position:relative}.cp-bar span{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);font-size:8px;color:#a0a6b2}.cp-quick button,.cp-module{width:100%;border:0;border-top:1px solid #f0f1f4;background:#fff;padding:14px 17px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;text-decoration:none;color:#343c4c}.cp-quick button:hover,.cp-module:hover{background:#f8fbff}.cp-quick-icon{width:34px;height:34px;border-radius:8px;background:#e0f2fe;color:var(--cp-accent);display:grid;place-items:center}.cp-quick strong,.cp-quick small{display:block}.cp-quick strong{font-size:11px}.cp-quick small{font-size:9px;color:#9299a7;margin-top:4px}.cp-table{width:100%;border-collapse:collapse}.cp-table th{background:#fafbfc;color:#999fac;font-size:8px;letter-spacing:.7px;text-transform:uppercase;text-align:left;padding:9px 16px}.cp-table td{border-top:1px solid #f0f1f4;padding:11px 16px;font-size:10px;color:#5e6675}.cp-badge{display:inline-flex;border-radius:12px;padding:4px 8px;font-size:9px;font-weight:800;background:#e8f8f2;color:#20976e}.cp-badge.warn{background:#fff2dc;color:#bd7717}.cp-user-hero{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:14px;margin-bottom:16px}.cp-dial{min-height:140px;border-radius:13px;padding:22px;color:#fff;background:linear-gradient(120deg,#0F172A,var(--cp-accent));display:flex;align-items:center;justify-content:space-between;overflow:hidden}.cp-dial h2{font-size:21px;margin:6px 0 3px}.cp-dial small{font-size:9px;letter-spacing:1px;color:#d8d4ed}.cp-dial p{font-size:10px;color:#d0cae4;margin:0}.cp-dial .cp-btn{border:0}.cp-list-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid #f0f1f4}.cp-avatar{width:34px;height:34px;border-radius:50%;background:#eef0f5;color:#60697a;display:grid;place-items:center;font-size:9px;font-weight:800}.cp-list-row strong,.cp-list-row small{display:block}.cp-list-row strong{font-size:11px}.cp-list-row small{font-size:9px;color:#9299a7;margin-top:4px}.cp-settings{padding:8px 20px 18px}.cp-setting{padding:14px 0;border-top:1px solid #f0f1f4}.cp-setting>div{display:flex;justify-content:space-between;align-items:center}.cp-setting b{font-size:11px}.cp-setting input[type=text]{width:100%;margin-top:10px;border:1px solid #dfe2e9;background:#fafbfc;border-radius:8px;padding:10px;color:#303746}.cp-toggle{width:42px;height:24px;border:0;border-radius:20px;padding:3px;cursor:pointer;background:#d5d8df}.cp-toggle.on{background:var(--cp-accent)}.cp-toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s}.cp-toggle.on span{transform:translate(18px)}.cp-empty,.cp-error{padding:34px;text-align:center;color:#7c8596;font-size:12px}.cp-error{color:#d64d4d}.cp-team{display:flex;gap:8px;overflow:auto;padding:12px 16px}.cp-team>div{display:flex;gap:8px;align-items:center;min-width:145px;background:#fafbfc;border:1px solid #eceef2;border-radius:9px;padding:9px}.cp-team i{width:8px;height:8px;border-radius:50%;background:#25b67f}.cp-team b,.cp-team small{display:block}.cp-team b{font-size:10px}.cp-team small{font-size:8px;color:#969ca9;margin-top:3px}@media (max-width:1050px){.cp-grid{grid-template-columns:1fr}.cp-stats{grid-template-columns:repeat(2,1fr)}.cp-user-hero{grid-template-columns:1fr 1fr}.cp-dial{grid-column:span 2}}@media (max-width:680px){.cp-page{padding:22px 16px 36px}.cp-head{display:block}.cp-actions{margin-top:15px}.cp-stats{grid-template-columns:1fr 1fr}.cp-user-hero{grid-template-columns:1fr}.cp-dial{grid-column:auto;display:block}.cp-dial .cp-btn{margin-top:16px}.cp-health a{display:none}.cp-table th:nth-child(n+4),.cp-table td:nth-child(n+4){display:none}}@media (max-width:430px){.cp-stats{grid-template-columns:1fr}.cp-head h1{font-size:24px}}.cp-head-modern{align-items:center}.cp-head-modern .cp-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.cp-presence-control{min-width:172px;height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fff;border:1px solid #dfe3ea;border-radius:9px;color:#465063}.cp-presence-control select{flex:1;min-width:0;border:0!important;background:transparent!important;padding:0!important;outline:0;font:700 11px Inter,system-ui,sans-serif;color:#343d4d!important}.cp-status-dot{width:9px;height:9px;border-radius:50%;background:#9ba3b2;box-shadow:0 0 0 3px #9ba3b21f}.cp-status-dot.available,.cp-status-dot.registered{background:#21b77e;box-shadow:0 0 0 3px #21b77e1f}.cp-status-dot.busy,.cp-status-dot.dnd{background:#e65b67;box-shadow:0 0 0 3px #e65b671f}.cp-status-dot.away{background:#e7a52b;box-shadow:0 0 0 3px #e7a52b1f}.cp-status-dot.ringing{background:#3b91ed;box-shadow:0 0 0 3px #3b91ed1f}.cp-spin{animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-refresh-line{height:2px;overflow:hidden;margin:-8px 0 14px;border-radius:2px;background:#e0f2fe}.cp-refresh-line span{display:block;width:35%;height:100%;background:var(--cp-accent);animation:cp-load 1.1s ease-in-out infinite}@keyframes cp-load{0%{transform:translate(-110%)}to{transform:translate(390%)}}.cp-health.critical{justify-content:space-between}.cp-health.critical button{border:0;background:transparent;color:#b9424b;font-size:10px;font-weight:800;cursor:pointer}.cp-home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.8fr);gap:16px;margin-bottom:16px}.cp-home-identity{display:flex;align-items:center;gap:18px;min-height:150px;padding:25px;border:1px solid #BAE6FD;border-radius:14px;background:linear-gradient(130deg,#f8fbff,#eff6ff 55%,#e0f2fe);box-shadow:0 8px 30px #4d439a0f}.cp-home-avatar{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,var(--cp-accent),var(--cp-secondary));font-size:20px;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--cp-accent) 22%,transparent)}.cp-kicker{display:block;color:#64748b;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:850}.cp-home-identity h2{margin:7px 0 5px;font-size:24px;letter-spacing:-.5px}.cp-home-identity p{margin:0;color:#788194;font-size:11px}.cp-inline-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.cp-presence-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;background:#f0f2f5;color:#6d7584;font-size:9px;font-weight:800}.cp-presence-pill i{width:6px;height:6px;border-radius:50%;background:#9ba3b2}.cp-presence-pill.available{background:#e7f8f1;color:#13865f}.cp-presence-pill.available i{background:#21b77e}.cp-presence-pill.busy,.cp-presence-pill.dnd{background:#fff0f1;color:#c84651}.cp-presence-pill.busy i,.cp-presence-pill.dnd i{background:#e65b67}.cp-presence-pill.away{background:#fff6e6;color:#ae7411}.cp-presence-pill.away i{background:#e7a52b}.cp-presence-pill.ringing{background:#eaf4ff;color:#2777c8}.cp-presence-pill.ringing i{background:#3b91ed}.cp-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cp-home-actions>a:nth-child(5){grid-column:1/-1}.cp-home-actions>a{min-height:70px;padding:14px;border:1px solid #e2e5eb;border-radius:11px;background:#fff;color:#495365;text-decoration:none;display:grid;grid-template-columns:30px 1fr 15px;align-items:center;gap:8px;font-size:10px;font-weight:800;transition:.18s}.cp-home-actions>a>svg:first-child{width:30px;height:30px;padding:7px;border-radius:8px;background:#e0f2fe;color:var(--cp-accent)}.cp-home-actions>a:hover{transform:translateY(-1px);border-color:#7dd3fc;box-shadow:0 7px 18px #22294012}.cp-stats-five{grid-template-columns:repeat(5,1fr)}.cp-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-team-card{grid-column:1/-1}.cp-team-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:5px 18px 18px}.cp-team-modern>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e8eaf0;border-radius:10px;background:#fbfcfd}.cp-team-modern b,.cp-team-modern small{display:block}.cp-team-modern b{font-size:10px}.cp-team-modern small{margin-top:4px;color:#8a92a1;font-size:8px}.cp-avatar-wrap{position:relative;flex:0 0 auto}.cp-avatar-wrap>i{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#a1a8b5}.cp-avatar-wrap>i.available{background:#20b77d}.cp-avatar-wrap>i.busy,.cp-avatar-wrap>i.dnd{background:#e65a66}.cp-avatar-wrap>i.away{background:#e5a129}.cp-avatar-wrap>i.ringing{background:#398fe8}.cp-avatar-wrap.large .cp-avatar{width:46px;height:46px;font-size:11px}.cp-call-icon,.cp-quick-icon{width:34px;height:34px;border-radius:9px;background:#eaf4ff;color:#3c88dd;display:grid;place-items:center}.cp-call-icon.missed{background:#fff0f1;color:#dc5963}.cp-list-meta{font-size:9px;color:#808899;text-align:right}.cp-list-meta small{display:block}.cp-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:5px 18px 18px}.cp-person-card{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #e6e8ee;border-radius:11px;background:#fff}.cp-person-card h3{margin:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-person-card p,.cp-person-card small{margin:4px 0 0;color:#858d9c;font-size:9px}.cp-person-card>.cp-presence-pill{justify-self:end}.cp-card-head-toolbar{align-items:center;gap:14px}.cp-table-search{width:min(310px,42%);height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#f8f9fb;border:1px solid #e1e4e9;border-radius:8px;color:#8992a2}.cp-table-search input{flex:1;min-width:0;border:0!important;background:transparent!important;outline:0;font-size:10px}.cp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-span-two{grid-column:1/-1}.cp-detail-list{padding:3px 20px 18px}.cp-detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #eff1f4}.cp-detail-list span{color:#858d9c;font-size:10px}.cp-detail-list strong{color:#394252;font-size:10px;text-align:right}.cp-form-block{padding:4px 20px 20px}.cp-form-block label,.cp-forward-destination span,.cp-forward-timeout span{display:block;margin-bottom:6px;color:#8a92a2;font-size:9px;font-weight:700}.cp-form-block select,.cp-forward-destination input,.cp-forward-timeout select{width:100%;height:38px;border:1px solid #dfe2e8;border-radius:8px;background:#fafbfc;padding:0 11px;color:#3f4858;font-size:10px;outline:0}.cp-form-block small{display:block;margin-top:8px;color:#9299a7;font-size:9px}.cp-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px 18px 18px}.cp-setting-card{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border:1px solid #e8eaf0;border-radius:10px;padding:14px;background:#fbfcfd}.cp-setting-card strong{font-size:10px}.cp-setting-card p{margin:6px 0 0;color:#8d95a4;font-size:9px;line-height:1.45}.cp-device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:5px 18px 18px}.cp-device-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e5e8ed;border-radius:11px;padding:15px;background:#fff}.cp-device-icon,.cp-app-icon{width:42px;height:42px;border-radius:11px;background:#e0f2fe;color:var(--cp-accent);display:grid;place-items:center}.cp-device-card h3{font-size:11px;margin:0}.cp-device-card p,.cp-device-card small{display:block;margin:4px 0 0;color:#8d95a4;font-size:9px}.cp-device-state{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;background:#f0f2f5;color:#747d8d}.cp-device-state.online{background:#e7f8f1;color:#16865f}.cp-count-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:16px;background:#e0f2fe;color:#0284c7;font-size:9px;font-weight:800}.cp-forward-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.cp-forward-stack{padding:4px 18px 18px}.cp-forward-rule{display:grid;grid-template-columns:28px minmax(190px,1fr) auto minmax(180px,.8fr);align-items:center;gap:13px;padding:15px 0;border-top:1px solid #eceef2}.cp-rule-number{width:27px;height:27px;border-radius:8px;background:#e0f2fe;color:#0284c7;display:grid;place-items:center;font-size:9px;font-weight:900}.cp-forward-copy h3{margin:0;font-size:11px}.cp-forward-copy p{margin:5px 0 0;color:#8b93a2;font-size:9px}.cp-forward-destination,.cp-forward-timeout{margin:0}.cp-forward-timeout{grid-column:4}.cp-live-summary>div:not(.cp-card-head){display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;margin:0 18px;padding:11px 0;border-top:1px solid #eef0f3}.cp-live-summary>div>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e0f2fe;color:#0284c7;font-size:8px;font-weight:800}.cp-live-summary>div>strong{font-size:9px}.cp-live-summary>div>b{font-size:8px;color:#9ba2ae}.cp-live-summary>div>b.on{color:#189b6e}.cp-safe-note{display:flex;gap:7px;margin:9px 18px 18px;padding:10px;border-radius:8px;background:#eef9f5;color:#39826a;font-size:8px;line-height:1.45}.cp-message-list{padding:0 18px 18px}.cp-message{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px 0;border-top:1px solid #eceef2}.cp-message.unread{background:linear-gradient(90deg,rgba(14,165,233,.06),transparent);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}.cp-message h3{font-size:11px;margin:0}.cp-message p{font-size:9px;color:#8a92a1;margin:5px 0}.cp-message audio{width:min(440px,100%);height:32px;margin-top:8px}.cp-message-meta{display:flex;align-items:center;gap:8px;color:#8991a0;font-size:9px}.cp-message-play{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:7px 10px;border:1px solid #BAE6FD;border-radius:8px;background:#f0f9ff;color:#0284c7;font-size:9px;font-weight:800;cursor:pointer}.cp-transcript{padding:8px 10px!important;border-radius:7px;background:#f7f8fa;color:#5f6878!important;line-height:1.5}.cp-icon-danger{width:28px;height:28px;border:0;border-radius:7px;background:#fff0f1;color:#d94d59;display:grid;place-items:center;cursor:pointer}.cp-icon-danger:disabled,.cp-message-play:disabled{opacity:.55;cursor:wait}.cp-segmented{display:flex;padding:3px;border-radius:8px;background:#f1f2f5}.cp-segmented button{border:0;border-radius:6px;background:transparent;padding:6px 10px;color:#7e8796;text-transform:capitalize;font-size:9px;font-weight:750;cursor:pointer}.cp-segmented button.active{background:#fff;color:#0369a1;box-shadow:0 1px 4px #1b20311a}.cp-call-table{padding:0 18px 18px}.cp-call-table-head,.cp-call-table-row{display:grid;grid-template-columns:1.35fr .7fr 1fr .6fr .7fr;gap:12px;align-items:center}.cp-call-table-head{padding:9px 10px;background:#f8f9fb;border-radius:7px;color:#949ba8;text-transform:uppercase;letter-spacing:.6px;font-size:8px;font-weight:800}.cp-call-table-row{padding:12px 10px;border-bottom:1px solid #eef0f3;color:#646d7d;font-size:9px}.cp-call-contact{display:flex;align-items:center;gap:9px}.cp-call-contact i{width:27px;height:27px;border-radius:8px;background:#eaf4ff;color:#3988dd;display:grid;place-items:center}.cp-call-contact i.missed{background:#fff0f1;color:#dd5661}.cp-call-contact b{font-size:10px;color:#374050}.cp-call-table-row em{display:inline-flex;border-radius:13px;padding:4px 7px;background:#e7f8f1;color:#188762;font-style:normal;font-size:8px;font-weight:800}.cp-call-table-row em.missed{background:#fff0f1;color:#c94a55}.cp-app-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.cp-app-card{display:flex;flex-direction:column;align-items:flex-start;min-height:240px;padding:22px;border:1px solid #e1e4ea;border-radius:13px;background:#fff}.cp-app-card.featured{background:linear-gradient(145deg,#f8fbff,#e0f2fe);border-color:#bae6fd}.cp-app-card h2{margin:13px 0 7px;font-size:16px}.cp-app-card p{color:#7e8796;font-size:10px;line-height:1.55}.cp-app-card>small{color:#64748b;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.cp-app-card .cp-btn{margin-top:auto}.cp-btn.disabled{pointer-events:none;opacity:.5}.cp-loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cp-skeleton{height:180px;border-radius:13px;background:linear-gradient(100deg,#edeff3 30%,#f8f9fa,#edeff3 64%);background-size:300% 100%;animation:cp-shimmer 1.3s infinite}.cp-skeleton.wide{grid-column:1/-1;height:96px}@keyframes cp-shimmer{to{background-position:-100% 0}}.cp-error-card{max-width:520px;margin:80px auto;padding:36px;text-align:center;border:1px solid #eadfe2;border-radius:14px;background:#fff;color:#626b7b}.cp-error-card>svg{color:#d55964}.cp-error-card h2{font-size:18px}.cp-error-card p{font-size:11px}.cp-error-card .cp-btn{margin:14px auto 0}@media (max-width:1120px){.cp-stats-five{grid-template-columns:repeat(3,1fr)}.cp-directory-grid{grid-template-columns:repeat(2,1fr)}.cp-home-hero{grid-template-columns:1fr}.cp-team-modern{grid-template-columns:repeat(3,1fr)}.cp-forward-layout{grid-template-columns:1fr}.cp-app-grid{grid-template-columns:1fr 1fr}.cp-app-card.featured{grid-column:1/-1}}@media (max-width:760px){.cp-head-modern{align-items:flex-start}.cp-home-actions,.cp-stats-five{grid-template-columns:1fr 1fr}.cp-dashboard-grid,.cp-detail-grid{grid-template-columns:1fr}.cp-span-two,.cp-team-card{grid-column:auto}.cp-team-modern,.cp-setting-grid{grid-template-columns:1fr 1fr}.cp-device-grid,.cp-directory-grid{grid-template-columns:1fr}.cp-forward-rule{grid-template-columns:28px 1fr auto}.cp-forward-destination,.cp-forward-timeout{grid-column:2/-1}.cp-app-grid{grid-template-columns:1fr}.cp-app-card.featured{grid-column:auto}.cp-call-table-head{display:none}.cp-call-table-row{grid-template-columns:1.5fr .8fr .7fr}.cp-call-table-row>span:nth-child(3),.cp-call-table-row>span:nth-child(4){display:none}}@media (max-width:520px){.cp-home-identity{align-items:flex-start;padding:19px}.cp-home-avatar{width:52px;height:52px;flex-basis:52px;border-radius:15px}.cp-home-identity h2{font-size:19px}.cp-home-actions,.cp-stats-five,.cp-team-modern,.cp-setting-grid{grid-template-columns:1fr}.cp-card-head-toolbar{display:block}.cp-table-search{width:100%;margin-top:12px}.cp-person-card{grid-template-columns:auto 1fr}.cp-person-card>.cp-presence-pill{grid-column:2;justify-self:start}.cp-device-card{grid-template-columns:auto 1fr}.cp-device-state{grid-column:2;justify-self:start}.cp-message{grid-template-columns:auto 1fr}.cp-message-meta{grid-column:2}.cp-forward-destination,.cp-forward-timeout{grid-column:1/-1}.cp-forward-rule{grid-template-columns:28px 1fr auto}.cp-call-table-row{grid-template-columns:1fr auto}.cp-call-table-row>span:nth-child(2){display:none}}.cx-shell{--cx-accent:var(--brand-accent,#0EA5E9);display:flex;min-height:100vh;background:#f6f7fa;color:#282f3d;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}.cx-desktop-side{position:fixed;inset:0 auto 0 0;width:245px;z-index:80}.cx-sidebar{height:100%;background:linear-gradient(180deg,#0f172a,#0b1220);color:#c0c4d2;display:flex;flex-direction:column;padding:23px 14px 16px}.cx-brand{display:flex;align-items:center;gap:10px;padding:0 9px 20px}.cx-brand>img,.cx-brand>span{width:34px;height:34px;border-radius:9px;object-fit:contain;background:linear-gradient(135deg,var(--cx-accent),#38BDF8);display:grid;place-items:center;color:#fff;font-weight:900;font-size:11px}.cx-brand strong,.cx-brand small,.cx-identity strong,.cx-identity small{display:block}.cx-brand strong{font-size:15px;color:#fff}.cx-brand small{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#94a3b8;margin-top:3px}.cx-identity{display:grid;grid-template-columns:35px 1fr 14px;gap:9px;align-items:center;background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px;margin:0 0 18px}.cx-identity>span{width:35px;height:35px;border-radius:8px;background:color-mix(in srgb,var(--cx-accent) 25%,#0F172A);display:grid;place-items:center;color:#e0f2fe;font-size:9px;font-weight:800}.cx-identity strong{font-size:10px;color:#eceef6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-identity small{font-size:8px;color:#787e91;margin-top:4px}.cx-sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.cx-sidebar nav a,.cx-side-bottom>a{position:relative;color:#a7acbd;text-decoration:none;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:8px;font-size:11px;font-weight:550}.cx-sidebar nav a:hover,.cx-sidebar nav a.active,.cx-side-bottom>a:hover{background:#fff1;color:#fff}.cx-sidebar nav a.active:before{content:"";position:absolute;left:-14px;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--cx-accent)}.cx-side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.cx-system{display:flex;gap:9px;align-items:flex-start;padding:14px 11px 0}.cx-system>i{width:8px;height:8px;border-radius:50%;background:#36c98f;box-shadow:0 0 0 3px #36c98f1f;margin-top:3px}.cx-system strong,.cx-system small{display:block}.cx-system strong{font-size:9px;color:#b5bac8}.cx-system small{font-size:8px;color:#696f82;margin-top:3px}.cx-workspace{width:calc(100% - 245px);margin-left:245px;min-height:100vh;display:flex;flex-direction:column}.cx-topbar{height:68px;background:#fffffff7;border-bottom:1px solid #e1e4ea;display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:60}.cx-menu{display:none}.cx-search{width:min(430px,45vw);display:flex;align-items:center;gap:9px;background:#f6f7fa;border:1px solid #e2e5eb;border-radius:9px;padding:8px 11px;color:#9299a7}.cx-search input{flex:1;border:0;outline:0;background:transparent;color:#303746;font-size:11px}.cx-top-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.cx-top-actions>button{position:relative;width:34px;height:34px;border:0;background:transparent;color:#777f90;border-radius:8px}.cx-top-actions>button:hover{background:#f3f4f7}.cx-top-actions>button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef6d6d;right:7px;top:6px}.cx-profile-wrap{position:relative}.cx-profile{border:0;border-left:1px solid #e3e5ea;background:transparent;display:flex;gap:9px;align-items:center;padding:2px 0 2px 15px;cursor:pointer;text-align:left}.cx-profile>span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e0f2fe;color:#0284c7;font-size:9px;font-weight:800}.cx-profile strong,.cx-profile small{display:block}.cx-profile strong{font-size:10px;color:#303746}.cx-profile small{font-size:8px;color:#9097a5;margin-top:3px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.cx-profile-menu{position:absolute;right:0;top:48px;width:210px;background:#fff;border:1px solid #e0e3e9;border-radius:10px;box-shadow:0 12px 35px #1e243724;padding:7px}.cx-profile-menu>b{display:block;padding:9px;font-size:9px;color:#8b92a1;border-bottom:1px solid #eef0f3;overflow:hidden;text-overflow:ellipsis}.cx-profile-menu a,.cx-profile-menu button{width:100%;border:0;background:transparent;color:#535c6d;display:flex;align-items:center;gap:8px;text-decoration:none;padding:9px;border-radius:7px;font-size:10px;cursor:pointer}.cx-profile-menu a:hover,.cx-profile-menu button:hover{background:#f1f5f9}.cx-profile-menu button{color:#d65353}.cx-main{flex:1;min-height:0;background:#f6f7fa}.cx-main>.cp-page{min-height:100%}.cx-footer{height:38px;background:#fff;border-top:1px solid #e5e7ec;color:#9ba1ae;font-size:8px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.cx-footer span:last-child{display:flex;align-items:center;gap:5px}.cx-mobile-side,.cx-mobile-overlay{display:none}@media (max-width:800px){.cx-desktop-side{display:none}.cx-workspace{width:100%;margin:0}.cx-topbar{padding:0 16px}.cx-menu{display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;color:#687080;margin-right:8px}.cx-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121e8c;z-index:89;opacity:0;pointer-events:none;transition:.2s}.cx-mobile-overlay.show{opacity:1;pointer-events:auto}.cx-mobile-side{display:block;position:fixed;inset:0 auto 0 0;width:245px;z-index:90;transform:translate(-100%);transition:.22s}.cx-mobile-side.show{transform:none}.cx-search{width:min(320px,50vw)}.cx-profile div{display:none}}@media (max-width:520px){.cx-search{display:none}.cx-topbar{justify-content:space-between}.cx-footer{padding:0 15px}.cx-footer span:first-child{display:none}}.cp-line-chart{height:260px;padding:6px 18px 12px;border-top:1px solid #f0f1f4;display:flex;flex-direction:column}.cp-line-chart svg{width:100%;height:220px;overflow:visible}.cp-line-grid{stroke:#e9ebf1;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.cp-line-axis,.cp-line-label{fill:#9299a7;font-size:9px;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}.cp-line-series{fill:none;stroke:var(--cp-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--cp-accent) 18%,transparent))}.cp-line-point circle{fill:#fff;stroke:var(--cp-accent);stroke-width:3;vector-effect:non-scaling-stroke;cursor:help;transition:r .15s,fill .15s}.cp-line-point:hover circle{r:7;fill:color-mix(in srgb,var(--cp-accent) 12%,#fff)}.cp-line-value{fill:var(--cp-accent);font-size:10px;font-weight:800;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}.cp-line-summary{display:flex;justify-content:space-between;align-items:center;padding:0 5px;color:#8991a0;font-size:9px}.cp-line-summary span{display:flex;align-items:center;gap:6px}.cp-line-summary i{width:18px;height:3px;border-radius:3px;background:var(--cp-accent)}.cp-line-summary strong{color:#596273;font-size:9px}@media (max-width:680px){.cp-line-chart{height:230px;padding-left:8px;padding-right:8px}.cp-line-chart svg{height:190px}.cp-line-axis,.cp-line-summary strong{display:none}}.cx-main>[class],.cx-main>div:not(.cp-page){color:#303746}.cx-main [style*="background: rgb(16, 25, 44)"],.cx-main [style*="background: rgb(11, 17, 32)"]{background:#f6f7fa!important}.cx-main [style*="background: rgb(23, 36, 58)"],.cx-main [style*="background: rgb(17, 30, 48)"],.cx-main [style*="background: rgb(15, 26, 43)"],.cx-main [style*="background: rgb(28, 43, 69)"]{background:#fff!important;border-color:#e1e4ea!important;box-shadow:0 1px 3px #141b2d09!important}.cx-main [style*="background: rgba(255, 255, 255, 0.03)"],.cx-main [style*="background: rgba(255, 255, 255, 0.04)"],.cx-main [style*="background: rgba(255, 255, 255, 0.02)"]{background:#f8f9fb!important}.cx-main [style*="color: rgb(241, 245, 249)"],.cx-main [style*="color: rgb(244, 247, 251)"]{color:#303746!important}.cx-main [style*="color: rgb(148, 163, 184)"],.cx-main [style*="color: rgb(175, 192, 213)"]{color:#687183!important}.cx-main [style*="color: rgb(100, 116, 139)"],.cx-main [style*="color: rgb(116, 137, 165)"],.cx-main [style*="color: rgb(130, 146, 170)"]{color:#9299a7!important}.cx-main input:not([type=checkbox]):not([type=radio]),.cx-main select,.cx-main textarea{background:#fff!important;color:#303746!important;border-color:#dfe2e9!important}.cx-main table{background:#fff;color:#424b5b}.cx-main th{color:#8991a0!important}.cx-main td{border-color:#edf0f3!important}.cx-main [style*="border: 1px solid rgba(255, 255, 255"]{border-color:#e1e4ea!important}.cx-main [style*="border-bottom: 1px solid rgba(255, 255, 255"]{border-bottom-color:#edf0f3!important}.cx-main [style*="border-top: 1px solid rgba(255, 255, 255"]{border-top-color:#edf0f3!important}.cp-command-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.8fr);gap:0;margin-bottom:18px;overflow:hidden;border:1px solid rgba(64,84,122,.18);border-radius:22px;background:linear-gradient(125deg,#101c34,#132b4e 55%,#075985);box-shadow:0 20px 48px #15264524}.cp-command-hero:before{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.3),transparent 68%);pointer-events:none}.cp-command-hero:after{content:"";position:absolute;width:280px;height:280px;left:34%;bottom:-240px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.28),transparent 70%);pointer-events:none}.cp-command-main,.cp-command-pulse{position:relative;z-index:1;padding:28px}.cp-command-main{border-right:1px solid rgba(255,255,255,.1)}.cp-command-profile{display:flex;align-items:center;gap:16px}.cp-command-profile .cp-home-avatar{width:62px;height:62px;flex-basis:62px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#22d3ee,#0ea5e9 55%,#0369a1);box-shadow:0 10px 30px #0ea5e940}.cp-command-kicker{display:flex;align-items:center;gap:6px;color:#7dd3fc;text-transform:uppercase;letter-spacing:1.15px;font-size:9px;font-weight:850}.cp-command-profile h2{margin:5px 0 3px;color:#fff;font-size:27px;letter-spacing:-.7px}.cp-command-profile p{margin:0;color:#b7c5d9;font-size:10px}.cp-command-main .cp-inline-status{margin:18px 0}.cp-command-main .cp-presence-pill{border:1px solid rgba(255,255,255,.1);background:#ffffff17;color:#dce8f6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cp-command-main .cp-presence-pill.available{background:#10b98129;color:#baf7df}.cp-command-main .cp-presence-pill.busy,.cp-command-main .cp-presence-pill.dnd{background:#f43f5e26;color:#fecdd3}.cp-quick-dial{display:flex;align-items:center;gap:10px;max-width:700px;padding:6px 7px 6px 14px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#ffffff1a;color:#93c5fd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cp-quick-dial:focus-within{border-color:#7dd3fca6;box-shadow:0 0 0 3px #0ea5e91f}.cp-quick-dial input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;color:#fff!important;font:600 11px Plus Jakarta Sans,Inter,sans-serif}.cp-quick-dial input::placeholder{color:#9fb0c8}.cp-quick-dial button{display:flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:10px 15px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#082f49;font-size:10px;font-weight:850;cursor:pointer;box-shadow:0 7px 18px #0ea5e93d;transition:.18s}.cp-quick-dial button:hover{transform:translateY(-1px);filter:brightness(1.05)}.cp-command-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px}.cp-command-links a{display:flex;align-items:center;gap:6px;color:#bdcbe0;text-decoration:none;font-size:9px;font-weight:700;transition:.16s}.cp-command-links a:hover{color:#fff}.cp-command-pulse{display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff0e,#ffffff04)}.cp-pulse-head{display:flex;align-items:center;justify-content:space-between;color:#dce8f6;font-size:10px;font-weight:800}.cp-pulse-head span{display:flex;align-items:center;gap:7px}.cp-pulse-head i{border-radius:12px;padding:4px 7px;background:#10b98126;color:#6ee7b7;font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.cp-pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.cp-pulse-grid>div{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#ffffff0e}.cp-pulse-grid b,.cp-pulse-grid span{display:block}.cp-pulse-grid b{color:#fff;font-size:20px;letter-spacing:-.4px}.cp-pulse-grid span{margin-top:4px;color:#95a8c2;font-size:8px}.cp-next-action{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:11px;border-radius:12px;background:#fff;color:#283548}.cp-next-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e7f8f1;color:#16966a}.cp-next-icon.danger{background:#fff0f1;color:#d64d59}.cp-next-action strong,.cp-next-action small{display:block}.cp-next-action strong{font-size:9px}.cp-next-action small{margin-top:3px;color:#8791a1;font-size:7.5px;line-height:1.35}.cp-next-action button{border:0;border-radius:8px;padding:8px 10px;background:#e0f2fe;color:#0369a1;font-size:8px;font-weight:800;cursor:pointer}.cp-next-action button:disabled{opacity:.55}.cp-workspace-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.cp-workspace-shortcut{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-width:0;padding:15px;border:1px solid #e2e7ef;border-radius:14px;background:#fff;color:#364153;text-decoration:none;box-shadow:0 5px 18px #1f2e4a0b;transition:.18s}.cp-workspace-shortcut:hover{transform:translateY(-2px);border-color:#bae6fd;box-shadow:0 12px 28px #1f2e4a17}.cp-workspace-shortcut>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#e0f2fe;color:#0284c7}.cp-workspace-shortcut.violet>span{background:#e0f2fe;color:#0284c7}.cp-workspace-shortcut.cyan>span{background:#cffafe;color:#0891b2}.cp-workspace-shortcut.navy>span{background:#e2e8f0;color:#0f172a}.cp-workspace-shortcut.green>span{background:#dcfce7;color:#16a34a}.cp-workspace-shortcut.orange>span{background:#ffedd5;color:#ea580c}.cp-workspace-shortcut strong,.cp-workspace-shortcut small{display:block}.cp-workspace-shortcut strong{font-size:10px}.cp-workspace-shortcut small{margin-top:4px;color:#8a94a5;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-workspace-shortcut>svg{color:#a1a9b7}.cp-insight-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.cp-activity-card,.cp-reachability-card{min-height:310px}.cp-card-head .cp-link{display:flex;align-items:center;gap:5px}.cp-home-line-chart{padding:2px 18px 16px}.cp-home-line-chart svg{display:block;width:100%;height:220px;overflow:visible}.cp-chart-grid{stroke:#e8edf3;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.cp-chart-area{fill:url(#cpHomeArea)}.cp-chart-line{fill:none;stroke:var(--cp-accent);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 7px rgba(14,165,233,.18))}.cp-chart-point circle{fill:#fff;stroke:var(--cp-accent);stroke-width:3;vector-effect:non-scaling-stroke;transition:.15s}.cp-chart-point:hover circle{r:7;fill:#e0f2fe}.cp-chart-point text{fill:#8d98a9;font-size:9px;font-family:Plus Jakarta Sans,Inter,sans-serif}.cp-chart-footer{display:flex;align-items:center;justify-content:space-between;color:#8b95a5;font-size:8px}.cp-chart-footer span{display:flex;align-items:center;gap:6px}.cp-chart-footer i{width:18px;height:3px;border-radius:3px;background:var(--cp-accent)}.cp-chart-footer strong{color:#536073}.cp-reachability-card>.cp-card-head svg{color:#f59e0b}.cp-reachability-status{display:flex;align-items:center;gap:11px;margin:0 18px 10px;padding:14px;border-radius:12px;background:linear-gradient(120deg,#effaf6,#f7fffc)}.cp-reachability-status>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.cp-reachability-status>span.online{background:#dff7ed;color:#15966a}.cp-reachability-status>span.offline{background:#fff0f1;color:#d64d59}.cp-reachability-status strong,.cp-reachability-status small{display:block}.cp-reachability-status strong{font-size:9px}.cp-reachability-status small{margin-top:4px;color:#809081;font-size:8px}.cp-reachability-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 18px;padding:11px 0;border-top:1px solid #edf0f4;color:#3c4657;text-decoration:none}.cp-reachability-row>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9;color:#64748b}.cp-reachability-row strong,.cp-reachability-row small{display:block}.cp-reachability-row strong{font-size:9px}.cp-reachability-row small{margin-top:3px;color:#9099a7;font-size:7.5px}.cp-reachability-row>svg{color:#a2abb8}.cp-home-detail-grid{grid-template-columns:1fr 1fr}.cp-home-detail-grid .cp-team-card{grid-column:1/-1}.cp-list-actions,.cp-voicemail-home-action{display:flex;align-items:center;gap:9px}.cp-list-actions button,.cp-voicemail-home-action button{width:28px;height:28px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#0284c7;display:grid;place-items:center;cursor:pointer}.cp-list-actions button:hover,.cp-voicemail-home-action button:hover{background:#e0f2fe}.cp-inline-audio{display:flex;align-items:center;gap:12px;margin:0 16px 10px;padding:10px 12px;border-radius:10px;background:#f0f9ff;color:#0369a1;font-size:8px;font-weight:800}.cp-inline-audio audio{flex:1;height:30px}.cp-team-modern>button{width:100%;border:1px solid #e8eaf0;border-radius:10px;background:#fbfcfd;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;color:#394354;text-align:left;cursor:pointer;transition:.16s}.cp-team-modern>button:hover{border-color:#bae6fd;background:#f0f9ff}.cp-team-modern>button>svg{color:#0ea5e9}@media (max-width:1120px){.cp-command-hero{grid-template-columns:1fr}.cp-command-main{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.cp-workspace-shortcuts{grid-template-columns:1fr 1fr}.cp-insight-grid{grid-template-columns:1fr}.cp-reachability-card{min-height:0}}@media (max-width:760px){.cp-command-main,.cp-command-pulse{padding:21px}.cp-quick-dial{align-items:stretch;flex-wrap:wrap}.cp-quick-dial input{min-width:180px}.cp-quick-dial button{margin-left:auto}.cp-home-detail-grid{grid-template-columns:1fr}.cp-home-detail-grid .cp-team-card{grid-column:auto}}@media (max-width:520px){.cp-command-profile{align-items:flex-start}.cp-command-profile h2{font-size:22px}.cp-command-links{gap:12px}.cp-workspace-shortcuts{grid-template-columns:1fr}.cp-pulse-grid{grid-template-columns:1fr 1fr}.cp-next-action{grid-template-columns:auto 1fr}.cp-next-action button{grid-column:2;justify-self:start}.cp-home-line-chart{padding-left:8px;padding-right:8px}.cp-home-line-chart svg{height:185px}}.cx-shell--ucaas{--cx-chrome:#0B1220;--cx-chrome-2:#111827;--cx-accent:var(--brand-accent,#0EA5E9);background:#eef2f7}.cx-shell--ucaas .cx-sidebar{background:linear-gradient(180deg,#0b1220,#0f172a);padding-top:18px}.cx-shell--ucaas .cx-brand{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:14px}.cx-shell--ucaas .cx-sidebar nav a{padding:11px 12px;font-size:12px;font-weight:600;border-radius:9px;gap:12px}.cx-shell--ucaas .cx-sidebar nav a.active{background:#0ea5e924;color:#fff}.cx-shell--ucaas .cx-sidebar nav a.active:before{background:var(--cx-accent);left:-14px;height:28px}.cx-shell--ucaas .cx-nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#0ea5e9;color:#04111f;font-size:9px;font-weight:850;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.cx-shell--ucaas .cx-topbar{height:58px;background:linear-gradient(90deg,#0b1220,#111827);border-bottom:1px solid rgba(255,255,255,.06);padding:0 22px;gap:14px}.cx-shell--ucaas .cx-top-brand{display:none}.cx-shell--ucaas .cx-menu{color:#cbd5e1}.cx-shell--ucaas .cx-search{width:min(520px,52vw);margin:0 auto;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#94a3b8;padding:9px 16px}.cx-shell--ucaas .cx-search input{color:#f8fafc;font-size:12px;font-weight:500}.cx-shell--ucaas .cx-search input::placeholder{color:#7c8aa0}.cx-shell--ucaas .cx-top-actions{margin-left:0}.cx-shell--ucaas .cx-top-actions>button{color:#94a3b8}.cx-shell--ucaas .cx-top-actions>button:hover{background:#ffffff14;color:#fff}.cx-shell--ucaas .cx-top-actions>button.has-dot i,.cx-shell--ucaas .cx-top-actions>button i{background:#0ea5e9}.cx-shell--ucaas .cx-presence-chip{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.cx-shell--ucaas .cx-presence-chip select{border:0;background:transparent;color:#f8fafc;font:700 11px Plus Jakarta Sans,Inter,system-ui,sans-serif;outline:0;cursor:pointer}.cx-shell--ucaas .cx-presence-chip select option{color:#0f172a;background:#fff}.cx-shell--ucaas .cx-profile{border-left-color:#ffffff1a}.cx-shell--ucaas .cx-profile>span{background:linear-gradient(145deg,#0ea5e9,#0369a1);color:#fff}.cx-shell--ucaas .cx-profile strong{color:#f8fafc}.cx-shell--ucaas .cx-profile small{color:#94a3b8}.cx-shell--ucaas .cx-main{background:#eef2f7}.cx-shell--ucaas .cx-footer{background:#0b1220;border-top:1px solid rgba(255,255,255,.06);color:#64748b}.cx-shell--ucaas .cp-page{background:transparent;padding:24px 28px 40px}.cx-shell--ucaas .cp-head h1{font-size:26px;letter-spacing:-.6px;color:#0f172a}.cx-shell--ucaas .cp-card{border-radius:14px;border-color:#e2e8f0;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a}.cp-status-board{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);gap:14px;margin-bottom:18px}.cp-status-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.cp-status-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(90deg,#0f172a,#1e293b);color:#fff}.cp-status-panel-head h2{margin:0;font-size:12px;font-weight:800;letter-spacing:.2px}.cp-live-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #94a3b82e}.cp-live-dot.available{background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.cp-live-dot.busy,.cp-live-dot.dnd{background:#ef4444;box-shadow:0 0 0 4px #ef444429}.cp-live-dot.away{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b29}.cp-status-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid #f1f5f9;font-size:11px;color:#64748b}.cp-status-rows em{font-style:normal;font-weight:800;font-size:10px;padding:4px 9px;border-radius:999px;background:#f1f5f9;color:#475569}.cp-status-rows em.available{background:#ecfdf5;color:#047857}.cp-status-rows em.busy,.cp-status-rows em.dnd{background:#fef2f2;color:#b91c1c}.cp-status-rows em.away{background:#fffbeb;color:#b45309}.cp-status-rows em.offline{background:#f8fafc;color:#64748b}.cp-status-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-action-tile{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:108px;padding:18px;border-radius:14px;text-decoration:none;color:#fff;transition:transform .16s,box-shadow .16s}.cp-action-tile:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a29}.cp-action-tile b{font-size:14px;letter-spacing:-.2px}.cp-action-tile small{opacity:.85;font-size:10px}.cp-action-tile.people{background:linear-gradient(145deg,#0369a1,#0ea5e9)}.cp-action-tile.calls{background:linear-gradient(145deg,#0f172a,#334155)}.cp-action-tile.vm{background:linear-gradient(145deg,#0e7490,#22d3ee);color:#082f49}.cp-action-tile.apps{background:linear-gradient(145deg,#1e3a5f,#0284c7)}.cp-people-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start}.cp-people-groups{background:#0f172a;border-radius:14px;padding:12px;color:#cbd5e1;min-height:420px}.cp-people-groups>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#cbd5e1;padding:11px 12px;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer;text-align:left}.cp-people-groups>button span{min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-size:9px}.cp-people-groups>button.active,.cp-people-groups>button:hover{background:#0ea5e929;color:#fff}.cp-people-group-label{margin:14px 12px 8px;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#64748b;font-weight:800}.cp-people-presence-summary{display:flex;flex-direction:column;gap:8px;padding:0 12px 8px;font-size:10px;color:#94a3b8}.cp-people-presence-summary span{display:flex;align-items:center;gap:8px}.cp-people-presence-summary i{width:8px;height:8px;border-radius:50%;background:#64748b}.cp-people-presence-summary i.available{background:#22c55e}.cp-people-presence-summary i.busy{background:#ef4444}.cp-people-presence-summary i.offline{background:#94a3b8}.cp-people-panel{min-height:420px}.cp-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 8px 12px}.cp-people-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 12px;border-top:1px solid #eef2f7;transition:background .14s}.cp-people-row:hover{background:#f8fbff}.cp-people-copy h3{margin:0;font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-people-copy p{margin:3px 0 0;font-size:11px;color:#64748b}.cp-people-copy small{display:block;margin-top:3px;font-size:10px;color:#94a3b8}.cp-people-actions{display:flex;align-items:center;gap:6px;opacity:.55;transition:opacity .14s}.cp-people-row:hover .cp-people-actions{opacity:1}.cp-people-actions button{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer}.cp-people-actions button:hover{border-color:#7dd3fc;color:#0284c7;background:#f0f9ff}.cp-people-actions button.fav.on{color:#f59e0b;border-color:#fde68a;background:#fffbeb}.cp-contacts-table{padding:0 16px 16px}.cp-contacts-head,.cp-contacts-row{display:grid;grid-template-columns:1.5fr .7fr 1fr .9fr auto;gap:12px;align-items:center}.cp-contacts-head{padding:10px 12px;background:#f8fafc;border-radius:8px;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:800}.cp-contacts-row{padding:12px;border-bottom:1px solid #eef2f7;font-size:12px;color:#475569}.cp-contacts-name{display:flex;align-items:center;gap:10px;min-width:0}.cp-contacts-name b{font-size:12px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-contacts-dial button{display:inline-flex;align-items:center;gap:6px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#0369a1;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.cp-contacts-dial button:hover{background:#e0f2fe}@media (max-width:1120px){.cp-status-board,.cp-people-layout{grid-template-columns:1fr}.cp-people-groups{min-height:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cp-people-groups>button{width:auto}.cp-people-group-label,.cp-people-presence-summary{display:none}.cp-people-grid{grid-template-columns:1fr}}@media (max-width:800px){.cx-shell--ucaas .cx-search{width:min(280px,46vw);margin:0}.cx-shell--ucaas .cx-presence-chip span:last-of-type,.cx-shell--ucaas .cx-presence-chip select{max-width:110px}}@media (max-width:760px){.cp-status-actions{grid-template-columns:1fr 1fr}.cp-contacts-head{display:none}.cp-contacts-row{grid-template-columns:1fr auto;gap:8px}.cp-contacts-row>span:nth-child(2),.cp-contacts-row>span:nth-child(3),.cp-contacts-row>span:nth-child(4){display:none}}@media (max-width:520px){.cx-shell--ucaas .cx-presence-chip{display:none}.cx-shell--ucaas .cp-page{padding:18px 14px 32px}.cp-status-actions{grid-template-columns:1fr}.cp-people-actions{opacity:1}}.wc-shell{--wc-chrome:#1a1d21;--wc-chrome-2:#22262b;--wc-sidebar:#1e2227;--wc-rail:#eceff3;--wc-surface:#ffffff;--wc-page:#f3f5f8;--wc-accent:#0EA5E9;--wc-accent-deep:#0369A1;--wc-navy:#0F172A;--wc-text:#1f2937;--wc-muted:#6b7280;--wc-line:#e5e7eb;--wc-green:#22c55e;display:flex;flex-direction:column;min-height:100vh;background:var(--wc-page);color:var(--wc-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.wc-topbar{position:sticky;top:0;z-index:100;height:52px;flex:0 0 52px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,520px) minmax(180px,1fr);align-items:center;gap:16px;padding:0 14px 0 10px;background:var(--wc-chrome);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #00000059}.wc-top-left{display:flex;align-items:center;gap:6px;min-width:0}.wc-hamburger{width:40px;height:40px;border:0;border-radius:6px;background:transparent;color:#cfd3d9;display:grid;place-items:center;cursor:pointer}.wc-hamburger:hover{background:#ffffff14;color:#fff}.wc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;padding:4px 6px}.wc-brand img,.wc-brand-mark{width:28px;height:28px;border-radius:6px;object-fit:contain;flex:0 0 28px}.wc-brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--wc-accent),var(--wc-accent-deep));color:#fff;font-size:10px;font-weight:800}.wc-brand strong{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-global-search{display:flex;align-items:center;height:34px;background:#2b3036;border:1px solid #3a4048;border-radius:4px;overflow:hidden}.wc-global-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#f3f4f6;padding:0 14px;font-size:13px;font-weight:400}.wc-global-search input::placeholder{color:#9ca3af}.wc-global-search button{width:40px;height:100%;border:0;border-left:1px solid #3a4048;background:transparent;color:#9ca3af;display:grid;place-items:center;cursor:pointer}.wc-global-search button:hover{color:#fff;background:#ffffff0d}.wc-top-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.wc-presence{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;cursor:pointer}.wc-presence select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#f9fafb;outline:0;font:600 12px Segoe UI,system-ui,sans-serif;cursor:pointer;padding-right:2px}.wc-presence select option{color:#111;background:#fff}.wc-presence svg{color:#9ca3af;flex:0 0 auto}.wc-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af;flex:0 0 9px}.wc-dot.available,.wc-dot.registered{background:var(--wc-green);box-shadow:0 0 0 3px #22c55e2e}.wc-dot.busy,.wc-dot.dnd{background:#ef4444;box-shadow:0 0 0 3px #ef444429}.wc-dot.away{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.wc-dot.ringing{background:var(--wc-accent);box-shadow:0 0 0 3px #0ea5e92e}.wc-avatar-wrap{position:relative}.wc-avatar-btn{width:34px;height:34px;border:0;border-radius:50%;padding:0;cursor:pointer;background:linear-gradient(145deg,var(--wc-accent),var(--wc-accent-deep))}.wc-avatar-btn span{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:11px;font-weight:700}.wc-profile-menu{position:absolute;right:0;top:42px;width:220px;z-index:120;background:#fff;border:1px solid var(--wc-line);border-radius:8px;box-shadow:0 16px 40px #0f172a2e;padding:6px;overflow:hidden}.wc-profile-head{padding:10px 12px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.wc-profile-head b{display:block;font-size:12px;color:#0f172a}.wc-profile-head small{display:block;margin-top:3px;font-size:11px;color:#6b7280}.wc-profile-menu a,.wc-profile-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:#374151;font-size:12px;text-decoration:none;cursor:pointer;text-align:left}.wc-profile-menu a:hover,.wc-profile-menu button:hover{background:#f3f4f6}.wc-profile-menu button{color:#dc2626}.wc-body{display:flex;flex:1;min-height:0}.wc-sidebar{width:148px;flex:0 0 148px;background:var(--wc-sidebar);border-right:1px solid rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:auto;padding:8px 0 16px}.wc-nav{display:flex;flex-direction:column;gap:1px;padding:0 8px}.wc-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:10px 6px;border:0;border-radius:6px;background:transparent;color:#a8b0ba;text-decoration:none;font-size:11px;font-weight:600;cursor:pointer;text-align:center;line-height:1.15}.wc-nav-item:hover{background:#ffffff0f;color:#fff}.wc-nav-item.active{background:#0ea5e929;color:#fff}.wc-nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:28px;border-radius:0 3px 3px 0;background:var(--wc-accent)}.wc-badge{position:absolute;top:8px;right:18px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--wc-accent);color:#04111f;font-size:9px;font-weight:800;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.wc-nav-divider{height:1px;margin:8px 10px;background:#ffffff14}.wc-nav-more{flex-direction:row;gap:8px;min-height:44px}.wc-nav-more .wc-chevron{margin-left:auto;opacity:.6;transition:transform .15s}.wc-nav-more.open .wc-chevron{transform:rotate(180deg)}.wc-nav-sub{display:flex;flex-direction:column;gap:2px;padding:0 4px 8px}.wc-nav-subitem{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px;color:#9ca3af;text-decoration:none;font-size:11px;font-weight:600}.wc-nav-subitem:hover,.wc-nav-subitem.active{background:#ffffff0f;color:#fff}.wc-workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--wc-page)}.wc-main{flex:1;min-height:0;overflow:auto}.wc-main--flush{padding:0}.wc-main:not(.wc-main--flush) .cp-page{padding:20px 24px 36px;background:transparent}.wc-mobile-overlay{display:none}.wc-people{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 52px);background:var(--wc-page)}.wc-filter-rail{background:var(--wc-rail);border-right:1px solid #d8dde5;padding:14px 0;display:flex;flex-direction:column;gap:2px}.wc-filter-rail-head{display:flex;align-items:center;justify-content:space-between;padding:4px 14px 12px;color:#374151;font-size:13px;font-weight:700}.wc-filter-rail-head button{width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#6b7280;display:grid;place-items:center;cursor:pointer}.wc-filter-rail-head button:hover{background:#0f172a0f;color:#111}.wc-filter-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;text-align:left;padding:10px 14px;color:#4b5563;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}.wc-filter-item:hover{background:#0f172a0d;color:#111}.wc-filter-item.active{background:#fff;color:var(--wc-accent-deep);box-shadow:inset 3px 0 0 var(--wc-accent)}.wc-filter-item span{min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:#0f172a14;color:#4b5563;font-size:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.wc-filter-item.active span{background:#0ea5e926;color:var(--wc-accent-deep)}.wc-directory{background:var(--wc-surface);display:flex;flex-direction:column;min-width:0}.wc-directory-toolbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--wc-line);background:#fafbfc}.wc-directory-toolbar h1{margin:0;font-size:18px;font-weight:600;color:#111827;letter-spacing:-.2px}.wc-directory-toolbar p{margin:0;font-size:12px;color:var(--wc-muted)}.wc-directory-search{margin-left:auto;display:flex;align-items:center;gap:8px;width:min(280px,40%);height:34px;padding:0 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#9ca3af}.wc-directory-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#111;font-size:13px}.wc-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.wc-person-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #eef1f5;border-right:1px solid #eef1f5;min-height:76px;transition:background .12s}.wc-person-card:hover{background:#f8fafc}.wc-person-avatar{position:relative;width:44px;height:44px;flex:0 0 44px}.wc-person-avatar>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;color:#374151;font-size:13px;font-weight:700}.wc-person-avatar>i{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#9ca3af}.wc-person-avatar>i.available,.wc-person-avatar>i.registered{background:var(--wc-green)}.wc-person-avatar>i.busy,.wc-person-avatar>i.dnd{background:#ef4444}.wc-person-avatar>i.away{background:#f59e0b}.wc-person-avatar>i.ringing{background:var(--wc-accent)}.wc-person-meta{min-width:0}.wc-person-meta h3{margin:0;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-person-meta .wc-ext{margin:2px 0 0;font-size:12px;color:#6b7280;font-weight:500}.wc-person-meta .wc-status-line{margin:3px 0 0;font-size:12px;color:#059669;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-person-meta .wc-status-line.busy,.wc-person-meta .wc-status-line.dnd{color:#dc2626}.wc-person-meta .wc-status-line.away{color:#d97706}.wc-person-meta .wc-status-line.offline{color:#9ca3af}.wc-person-actions{display:flex;align-items:center;gap:4px}.wc-person-actions button{width:34px;height:34px;border:0;border-radius:4px;background:transparent;color:#6b7280;display:grid;place-items:center;cursor:pointer}.wc-person-actions button:hover{background:#eef2f7;color:var(--wc-accent-deep)}.wc-person-actions button.primary{color:var(--wc-accent-deep)}.wc-person-actions button.primary:hover{background:#e0f2fe;color:var(--wc-accent-deep)}.wc-person-actions button.disabled,.wc-person-actions button:disabled{opacity:.35;cursor:not-allowed;color:#9ca3af}.wc-person-actions button.disabled:hover,.wc-person-actions button:disabled:hover{background:transparent;color:#9ca3af}.wc-person-actions button.fav.on{color:#f59e0b}.wc-empty-people{grid-column:1/-1;padding:64px 24px;text-align:center;color:#6b7280;font-size:13px}.wc-home{padding:20px 24px 40px}.wc-home-title{margin:0 0 4px;font-size:22px;font-weight:500;color:#6b7280;letter-spacing:-.3px}.wc-home-sub{margin:0 0 18px;font-size:13px;color:#9ca3af}.wc-dash-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr) minmax(260px,.75fr);gap:14px;margin-bottom:14px}.wc-widget{background:#fff;border:1px solid #dfe3ea;border-radius:2px;box-shadow:0 1px 2px #0f172a0a;overflow:hidden;min-height:280px}.wc-widget-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--wc-navy);color:#fff}.wc-widget-head h2{margin:0;font-size:13px;font-weight:600}.wc-widget-body{padding:4px 0}.wc-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid #f1f5f9;font-size:13px;color:#4b5563}.wc-stat-row:first-child{border-top:0}.wc-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#f3f4f6;color:#374151}.wc-pill.ok{background:#dcfce7;color:#166534}.wc-pill.warn{background:#fef3c7;color:#92400e}.wc-pill.bad{background:#fee2e2;color:#991b1b}.wc-dash-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wc-dash-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;min-height:96px;padding:16px;border-radius:2px;text-decoration:none;color:#fff;background:linear-gradient(145deg,#0369a1,#0ea5e9)}.wc-dash-tile:nth-child(2){background:linear-gradient(145deg,#0f172a,#334155)}.wc-dash-tile:nth-child(3){background:linear-gradient(145deg,#0e7490,#22d3ee);color:#082f49}.wc-dash-tile:nth-child(4){background:linear-gradient(145deg,#1e3a5f,#0284c7)}.wc-dash-tile b{font-size:14px;font-weight:700}.wc-dash-tile small{font-size:11px;opacity:.85}@media (max-width:1100px){.wc-dash-grid{grid-template-columns:1fr 1fr}.wc-people-grid{grid-template-columns:1fr}.wc-dash-tiles{grid-template-columns:1fr 1fr}}@media (max-width:900px){.wc-topbar{grid-template-columns:auto 1fr auto;padding:0 10px}.wc-brand strong{display:none}.wc-sidebar{position:fixed;inset:52px auto 0 0;z-index:95;height:calc(100vh - 52px);transform:translate(-100%);transition:transform .2s}.wc-sidebar.show{transform:none}.wc-mobile-overlay{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;z-index:90;background:#00000073;opacity:0;pointer-events:none;transition:.2s}.wc-mobile-overlay.show{opacity:1;pointer-events:auto}.wc-people{grid-template-columns:1fr}.wc-filter-rail{display:flex;flex-direction:row;flex-wrap:wrap;padding:8px;gap:4px;border-right:0;border-bottom:1px solid #d8dde5}.wc-filter-rail-head{width:100%}.wc-filter-item{width:auto;text-transform:none;border-radius:4px}.wc-filter-item.active{box-shadow:none;background:#fff;border:1px solid #d1d5db}}@media (max-width:640px){.wc-global-search{display:none}.wc-topbar{grid-template-columns:1fr auto}.wc-presence select{max-width:90px}.wc-dash-grid,.wc-dash-tiles{grid-template-columns:1fr}.wc-directory-toolbar{flex-wrap:wrap}.wc-directory-search{width:100%;margin-left:0}}.sa-shell{min-height:100vh;background:#f4f7fb;color:#172033;display:grid;grid-template-columns:260px minmax(0,1fr);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sa-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#111c34,#162746);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);z-index:20}.sa-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.1)}.sa-brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#12c7e8,#6b5cff);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 28px #2770ff40}.sa-brand-title{font-weight:800;font-size:16px;line-height:1.1}.sa-brand-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb0cf;margin-top:4px}.sa-nav{padding:18px 12px;overflow:auto;flex:1}.sa-nav-group{margin:0 10px 8px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#7186ab}.sa-nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;color:#b9c7df;text-decoration:none;border-radius:10px;font-size:13px;font-weight:600;transition:.16s ease}.sa-nav-link:hover{background:#ffffff12;color:#fff}.sa-nav-link.active{color:#fff;background:linear-gradient(90deg,#27c7e833,#6b5cff33);box-shadow:inset 3px 0 #27c7e8}.sa-nav-disabled{opacity:.48;cursor:not-allowed}.sa-nav-disabled small{margin-left:auto;font-size:9px;border:1px solid rgba(255,255,255,.22);padding:2px 5px;border-radius:5px}.sa-sidebar-footer{padding:15px 18px;border-top:1px solid rgba(255,255,255,.1)}.sa-owner-badge{display:flex;align-items:center;gap:10px}.sa-owner-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7e3ff;color:#5b4ae8;font-size:11px;font-weight:900}.sa-owner-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-owner-role{font-size:10px;color:#8fa3c4;margin-top:2px}.sa-main{min-width:0}.sa-topbar{height:76px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #dde4ee;display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:15}.sa-search-wrap{position:relative;flex:1;max-width:680px}.sa-search{width:100%;height:42px;border:1px solid #d7dfeb;border-radius:12px;padding:0 16px 0 42px;background:#f8fafc;color:#172033;outline:none;font-size:13px;box-sizing:border-box}.sa-search:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff1c;background:#fff}.sa-search-icon{position:absolute;left:14px;top:12px;color:#8390a5}.sa-search-results{position:absolute;left:0;right:0;top:49px;background:#fff;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 18px 50px #1c2a4529;padding:7px;max-height:420px;overflow:auto}.sa-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:9px;text-decoration:none;color:#172033}.sa-search-result:hover{background:#f2f5fa}.sa-result-title{font-size:13px;font-weight:700}.sa-result-sub{font-size:11px;color:#7c899c;margin-top:2px}.sa-result-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#635bff;background:#efedff;padding:4px 6px;border-radius:6px}.sa-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.sa-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cce9df;background:#effbf6;border-radius:999px;color:#16835f;font-size:11px;font-weight:700}.sa-status-dot{width:7px;height:7px;border-radius:50%;background:#22b983;box-shadow:0 0 0 4px #22b9831f}.sa-exit{border:1px solid #d7dfeb;background:#fff;color:#536176;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.sa-content{padding:28px;max-width:1680px;margin:0 auto}.sa-access-denied{min-height:100vh;display:grid;place-items:center;background:#f4f7fb;padding:30px}.sa-access-card{max-width:480px;text-align:center;background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:38px;box-shadow:0 18px 54px #1c2a451a}@media (max-width:980px){.sa-shell{grid-template-columns:76px minmax(0,1fr)}.sa-brand{padding:0;justify-content:center}.sa-brand-copy,.sa-nav-link span,.sa-nav-group,.sa-owner-copy{display:none}.sa-nav-link{justify-content:center;padding:11px}.sa-sidebar-footer{padding:14px;display:flex;justify-content:center}.sa-content{padding:20px}.sa-topbar{padding:0 18px}}@media (max-width:680px){.sa-shell{display:block}.sa-sidebar{position:relative;width:100%;height:auto}.sa-brand{height:60px}.sa-nav{display:flex;overflow-x:auto;padding:8px}.sa-nav-link{min-width:44px}.sa-sidebar-footer{display:none}.sa-topbar{top:0;height:auto;min-height:64px;padding:10px 14px}.sa-status{display:none}.sa-content{padding:14px}}.sa-page{display:flex;flex-direction:column;gap:22px}.sa-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sa-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#635bff;text-transform:uppercase}.sa-title{margin:5px 0 0;font-size:28px;line-height:1.15;letter-spacing:-.035em;color:#172033}.sa-subtitle{margin:7px 0 0;color:#738096;font-size:13px}.sa-refresh{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8e0eb;border-radius:10px;padding:9px 13px;color:#344157;font-weight:700;cursor:pointer}.sa-refresh:hover{border-color:#635bff;color:#635bff}.sa-error{background:#fff1f2;border:1px solid #fecdd3;color:#b42338;border-radius:12px;padding:13px 15px;font-size:13px}.sa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sa-kpi{background:#fff;border:1px solid #dfe5ee;border-radius:15px;padding:17px;box-shadow:0 5px 18px #1f2e4e0b;min-height:116px}.sa-kpi-top{display:flex;align-items:center;justify-content:space-between}.sa-kpi-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.sa-kpi-value{font-size:27px;font-weight:850;letter-spacing:-.03em;margin-top:14px;color:#172033}.sa-kpi-label{font-size:12px;font-weight:700;color:#58667c;margin-top:2px}.sa-kpi-detail{font-size:10px;color:#8a96a9;margin-top:5px}.sa-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:16px}.sa-panel{background:#fff;border:1px solid #dfe5ee;border-radius:16px;box-shadow:0 5px 18px #1f2e4e0a;overflow:hidden}.sa-panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #e6ebf2}.sa-panel-title{font-size:14px;font-weight:800;color:#202a3b}.sa-panel-sub{font-size:11px;color:#8a96a9;margin-top:3px}.sa-chart{height:310px;padding:18px 10px 4px}.sa-alerts{padding:7px 15px 14px}.sa-alert{display:flex;align-items:flex-start;gap:11px;padding:13px 5px;border-bottom:1px solid #edf0f5;text-decoration:none;color:#253044}.sa-alert:last-child{border:0}.sa-alert-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}.sa-alert-title{font-size:12px;font-weight:750;line-height:1.35}.sa-alert-type{font-size:10px;color:#8a96a9;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.sa-good{display:flex;align-items:center;gap:10px;margin:18px;background:#effbf6;border:1px solid #c9ecdd;color:#14795b;border-radius:12px;padding:15px;font-size:12px;font-weight:700}.sa-activity{padding:2px 18px 13px}.sa-event{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #edf0f5}.sa-event:last-child{border:0}.sa-event-dot{width:8px;height:8px;border-radius:50%;background:#635bff;margin-top:5px}.sa-event-title{font-size:12px;font-weight:700;color:#263146}.sa-event-desc{font-size:10px;color:#8793a5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-event-time{font-size:10px;color:#96a1b3;white-space:nowrap}.sa-loading{display:grid;place-items:center;min-height:420px;color:#748197;font-size:13px}.sa-spinner{width:28px;height:28px;border:3px solid #e0e5ee;border-top-color:#635bff;border-radius:50%;animation:sa-spin .8s linear infinite;margin-bottom:10px}@keyframes sa-spin{to{transform:rotate(360deg)}}@media (max-width:1250px){.sa-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-grid{grid-template-columns:1fr}}@media (max-width:850px){.sa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-page-head{flex-direction:column}.sa-title{font-size:24px}}@media (max-width:520px){.sa-kpis{grid-template-columns:1fr}}.sar-page{gap:18px}.sar-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sar-primary,.sar-secondary,.sar-icon-button,.sar-back{font:inherit;cursor:pointer}.sar-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#635bff,#7659e8);box-shadow:0 6px 16px #635bff33;color:#fff;font-size:12px;font-weight:800}.sar-primary:hover{filter:brightness(1.04)}.sar-primary:disabled{opacity:.55;cursor:not-allowed}.sar-primary.danger{background:linear-gradient(135deg,#d92d20,#b42318)}.sar-secondary{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d8e0eb;border-radius:10px;padding:9px 13px;color:#344157;font-size:12px;font-weight:750}.sar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sar-kpi{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 5px 18px #1f2e4e0a}.sar-kpi>svg{padding:9px;width:40px;height:40px;border-radius:11px;background:#eeedff;color:#635bff}.sar-kpi.green>svg{background:#e9f8f2;color:#138a67}.sar-kpi.cyan>svg{background:#e7f8fb;color:#0891b2}.sar-kpi.amber>svg{background:#fff4de;color:#d97706}.sar-kpi span{display:flex;flex-direction:column;font-size:11px;color:#7a879a;font-weight:700}.sar-kpi strong{color:#182236;font-size:23px;line-height:1.15;margin-top:3px;letter-spacing:-.03em}.sar-kpi small{font-size:13px;color:#7a879a}.sar-card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;box-shadow:0 5px 18px #1f2e4e0a;overflow:hidden}.sar-toolbar{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e9edf3}.sar-search{flex:1;display:flex;align-items:center;gap:8px;max-width:650px;background:#f7f9fc;border:1px solid #dce3ed;border-radius:10px;padding:0 11px;color:#8c98aa}.sar-search input{border:0;outline:0;background:transparent;width:100%;padding:10px 0;font:inherit;font-size:12px;color:#263247}.sar-filter{display:flex;align-items:center;gap:7px;color:#7a879a}.sar-filter select,.sar-modal select{border:1px solid #d8e0eb;background:#fff;border-radius:9px;padding:9px 30px 9px 10px;color:#344157;font:inherit;font-size:12px}.sar-table-wrap{overflow:auto}.sar-table{width:100%;border-collapse:collapse;min-width:1050px}.sar-table th{text-align:left;padding:11px 14px;background:#fafbfc;border-bottom:1px solid #e5eaf1;color:#7f8b9e;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.sar-table td{padding:13px 14px;border-bottom:1px solid #edf0f5;color:#354156;font-size:12px;vertical-align:middle}.sar-table tbody tr{cursor:pointer}.sar-table tbody tr:hover{background:#f8f8ff}.sar-table td>strong,.sar-table td>span:not(.sar-status){display:block}.sar-table td>span:not(.sar-status){font-size:10px;color:#8995a7;margin-top:3px}.sar-identity{display:flex;align-items:center;gap:10px}.sar-identity>div:last-child{display:flex;flex-direction:column}.sar-identity strong{color:#1b2638}.sar-identity span{font-size:10px;color:#8390a3;margin-top:3px}.sar-logo,.sar-workspace-logo{display:grid;place-items:center;background:linear-gradient(135deg,#635bff,#23b6d8);color:#fff;font-weight:850;box-shadow:0 5px 14px #635bff38}.sar-logo{width:36px;height:36px;border-radius:10px}.sar-status{display:inline-flex!important;align-items:center;gap:6px;width:max-content;padding:4px 8px;border-radius:99px;background:#fff4dd;color:#a15c00;border:1px solid #f4d59a;font-size:10px!important;font-weight:800;text-transform:capitalize;margin:0!important}.sar-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}.sar-status.active{background:#eaf8f2;color:#13795c;border-color:#bee6d6}.sar-status.suspended,.sar-status.terminated{background:#fff0f0;color:#b42318;border-color:#f4c6c4}.sar-status.restricted{background:#fff5e8;color:#b35b00;border-color:#f3d0a6}.sar-health{width:76px;height:6px;background:#edf1f6;border-radius:99px;overflow:hidden}.sar-health span{display:block;height:100%;background:linear-gradient(90deg,#1fb184,#2ec69a);border-radius:inherit}.sar-table td>small{font-size:9px;color:#8491a4}.sar-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#93a0b2;gap:8px}.sar-empty strong{font-size:14px;color:#334055}.sar-empty span{font-size:11px}.sar-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11192870;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;display:grid;place-items:center;padding:20px}.sar-modal{width:min(680px,96vw);background:#fff;border:1px solid #dce3ec;border-radius:17px;padding:22px;box-shadow:0 30px 90px #121b2d47;display:flex;flex-direction:column;gap:17px}.sar-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.sar-modal h2{font-size:21px;color:#172033;margin:4px 0}.sar-modal p{font-size:11px;color:#7d899c;margin:0;line-height:1.5}.sar-icon-button{display:grid;place-items:center;border:0;background:#f1f4f8;color:#647187;border-radius:9px;width:34px;height:34px}.sar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sar-modal label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#4c596e}.sar-modal input,.sar-modal textarea{border:1px solid #d7dfe9;border-radius:9px;padding:10px 11px;font:inherit;font-size:12px;color:#253147;outline:0}.sar-modal input:focus,.sar-modal textarea:focus,.sar-modal select:focus{border-color:#776fff;box-shadow:0 0 0 3px #635bff1a}.sar-protection{display:flex;gap:10px;background:#eefaf6;border:1px solid #caeadf;color:#14775c;padding:12px;border-radius:11px}.sar-protection div{display:flex;flex-direction:column}.sar-protection strong{font-size:11px}.sar-protection span{font-size:10px;margin-top:2px}.sar-modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0f4;padding-top:15px}.sar-status-modal{max-width:500px}.sar-back{border:0;background:transparent;color:#627087;font-size:12px;font-weight:750;display:flex;align-items:center;gap:7px;padding:0;width:max-content}.sar-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#fff 55%,#f2f4ff);border:1px solid #dfe4ee;border-radius:16px;padding:19px 20px}.sar-workspace-brand{display:flex;align-items:center;gap:14px}.sar-workspace-logo{width:54px;height:54px;border-radius:15px;font-size:22px}.sar-workspace-brand p{font-size:11px;color:#8190a5;margin:6px 0 0}.sar-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sar-summary{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:15px;display:flex;gap:11px;align-items:center}.sar-summary>svg{color:#635bff}.sar-summary>span{display:flex;flex-direction:column;font-size:10px;color:#8794a7}.sar-summary strong{font-size:20px;color:#1f2b3e;margin:2px 0}.sar-workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.sar-section-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e9edf3;color:#635bff}.sar-section-head h2{font-size:14px;color:#1c273a;margin:0}.sar-section-head p{font-size:10px;color:#8995a6;margin:4px 0 0}.sar-details{display:grid;grid-template-columns:1fr 1fr;padding:5px 18px 17px}.sar-details>div{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid #edf0f4}.sar-details>div:nth-child(odd){padding-right:16px}.sar-details span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#929eaf}.sar-details strong{font-size:11px;color:#2b374b;margin-top:5px}.sar-admin-list{padding:5px 17px 15px}.sar-admin-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4}.sar-admin-list>div>div:nth-child(2){display:flex;flex-direction:column}.sar-admin-list strong{font-size:11px;color:#263246}.sar-admin-list span{display:flex;gap:4px;align-items:center;font-size:9px;color:#8995a7;margin-top:3px}.sar-admin-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#efeeff;color:#635bff;font-weight:850}.sar-admin-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.sar-admin-meta small{font-size:8px;color:#929daf}.sar-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:12px 18px 18px}.sar-readiness>div{display:flex;gap:9px;align-items:center;padding:10px;border-right:1px solid #edf0f4}.sar-readiness>div:last-child{border:0}.sar-readiness svg{width:18px;color:#19926b}.sar-readiness .warn svg{color:#d97706}.sar-readiness span{display:flex;flex-direction:column}.sar-readiness strong{font-size:10px;color:#2c384c}.sar-readiness small{font-size:9px;color:#8d98a9;margin-top:3px}.sar-spin{animation:sa-spin .8s linear infinite}@media (max-width:1150px){.sar-kpis,.sar-summary-grid{grid-template-columns:repeat(2,1fr)}.sar-workspace-grid{grid-template-columns:1fr}.sar-readiness{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.sar-kpis,.sar-summary-grid,.sar-form-grid,.sar-details,.sar-readiness{grid-template-columns:1fr}.sar-toolbar,.sar-workspace-head,.sar-page .sa-page-head{align-items:stretch;flex-direction:column}.sar-head-actions{justify-content:flex-start}.sar-readiness>div{border-right:0;border-bottom:1px solid #edf0f4}}.vp-builder-shell{min-height:100vh;background:#f4f6f9;color:#0f172a;padding:18px;font-family:Plus Jakarta Sans,Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.vp-builder-topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.vp-builder-topbar h1{margin:0;font-size:26px}.vp-builder-topbar p,.vp-phone-stage-header p{margin:4px 0 0;color:#788499}.vp-builder-controls{display:flex;gap:10px;align-items:center}.vp-builder-controls select,.vp-builder-controls button,.vp-form input,.vp-form select,.vp-page-controls button,.vp-toggle-btn{background:#fff;border:1px solid #E4E7EE;color:#0f172a;border-radius:10px;padding:10px 12px}.vp-builder-controls button{background:#2f6fed;cursor:pointer;border:0;font-weight:700}.vp-builder-grid{display:grid;grid-template-columns:285px minmax(720px,1fr) 315px;gap:14px}.vp-actions-panel,.vp-phone-stage-card,.vp-properties-panel{background:#fff;border:1px solid #E4E7EE;border-radius:16px;box-shadow:0 20px 70px #0f172a0f}.vp-actions-panel,.vp-properties-panel{padding:18px}.vp-actions-panel h2,.vp-properties-panel h2{margin:0 0 4px;font-size:17px}.vp-actions-panel p{color:#788499;margin:0;font-size:13px}.vp-action-group{margin-top:18px}.vp-action-group h3{color:#788499;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.vp-action-chip{width:100%;display:flex;gap:10px;align-items:center;background:#f7f8fb;border:1px solid #E4E7EE;color:#0f172a;padding:11px 12px;border-radius:10px;margin-bottom:8px;cursor:grab;text-align:left}.vp-action-chip:hover,.vp-action-chip.active{border-color:#2f6fed;background:#e8f1ff}.vp-phone-stage-card{padding:16px}.vp-phone-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.vp-phone-stage-header h2{margin:0;font-size:20px}.vp-stage-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vp-badge{border:1px solid rgba(124,58,237,.45);color:#2f6fed;background:#7c3aed1f;padding:7px 10px;border-radius:999px;font-size:12px}.vp-badge.configured{border-color:#22c55e59;color:#15803d;background:#22c55e1a}.vp-badge.empty{border-color:#2dd4bf59;color:#0369a1;background:#2dd4bf14}.vp-toggle-btn{cursor:pointer;font-size:12px;padding:8px 11px}.vp-toggle-btn.is-on{border-color:#38bdf899;color:#2f6fed;background:#082f49b3}.vp-phone-stage{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(45,212,191,.12),rgba(37,99,235,.04) 30%,transparent 58%),linear-gradient(180deg,#eef3fb,#f4f6f9);border:1px solid #E4E7EE;border-radius:14px;isolation:isolate}.vp-screen-guide{position:absolute;z-index:2;border:1px dashed rgba(56,189,248,.24);border-radius:10px;box-shadow:inset 0 0 0 1px #38bdf80f}.vp-phone-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center}.vp-phone-image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.42))}.vp-phone-page-indicator{position:absolute;left:50%;top:2.5%;transform:translate(-50%);z-index:8;padding:7px 12px;border-radius:999px;background:#0f172adb;border:1px solid rgba(148,163,184,.35);color:#0f172a;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vp-slot{position:absolute;display:flex;align-items:center;gap:5px;justify-content:flex-start;overflow:hidden;border-radius:8px;padding:2px 7px;font-size:clamp(10px,.78vw,13px);line-height:1.05;cursor:pointer;z-index:12;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.vp-slot:hover{transform:translateY(-1px)}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion{background:#031826b8;border:1.6px dashed rgba(45,212,191,1);box-shadow:inset 0 0 0 1px #0891b22e,0 0 10px #22d3ee1a}.vp-slot.line:before,.vp-slot.touch-dss:before,.vp-slot.expansion:before{content:"";width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 8px #22c55e8c;flex:0 0 auto}.vp-slot.soft,.vp-slot.page-control{justify-content:center;background:#1f293773;border:1.5px dashed rgba(167,139,250,.78)}.vp-slot.assigned{border-style:solid;border-color:#22c55efa;background:#056046f5;box-shadow:0 0 0 1px #22c55e4d,0 0 18px #22c55e38}.vp-slot.assigned:before{background:#86efac;box-shadow:0 0 9px #86efacbf}.vp-slot.selected{border-color:#facc15;box-shadow:0 0 0 2px #facc1547,0 0 24px #facc1529}.vp-slot-icon{flex:0 0 auto}.vp-slot-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:760;text-shadow:0 1px 2px rgba(0,0,0,.45)}.vp-slot-empty{opacity:1;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0369a1;text-shadow:0 1px 1px rgba(0,0,0,.35)}.vp-page-controls{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:14px}.vp-page-controls button{cursor:pointer}.vp-page-controls button.active{background:#2f6fed;border-color:transparent}.vp-page-controls button:disabled{opacity:.45;cursor:not-allowed}.vp-button-map-table{margin-top:14px;background:#fff;border:1px solid #E4E7EE;border-radius:14px;overflow:hidden}.vp-button-map-table h3{margin:0;padding:13px 14px;border-bottom:1px solid #E4E7EE}.vp-button-map-table table{width:100%;border-collapse:collapse;font-size:13px}.vp-button-map-table th,.vp-button-map-table td{padding:10px 12px;border-bottom:1px solid rgba(32,48,74,.7);text-align:left}.vp-button-map-table th{color:#788499;font-size:12px}.vp-button-map-table button{background:transparent;border:1px solid #334155;color:#dc2626;border-radius:8px;padding:6px 9px;cursor:pointer}.vp-form{display:grid;gap:13px}.vp-form label{display:grid;gap:6px;color:#788499;font-size:12px}.vp-form input,.vp-form select{width:100%;box-sizing:border-box}.vp-form .danger{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.35);border-radius:10px;padding:11px;cursor:pointer}.dark-shell .bb-key-config select,.dark-shell .bb-key-config input,.reseller-portal-premium .bb-key-config select,.reseller-portal-premium .bb-key-config input,.bb-key-config select,.bb-key-config input,.dark-shell .cbb-key-config select,.dark-shell .cbb-key-config input,.reseller-portal-premium .cbb-key-config select,.reseller-portal-premium .cbb-key-config input,.cbb-key-config select,.cbb-key-config input{color-scheme:light!important;color:#0f172a!important;-webkit-text-fill-color:#0F172A!important;background-color:#fff!important;opacity:1!important}.dark-shell .bb-key-config select option,.dark-shell .bb-key-config select optgroup,.reseller-portal-premium .bb-key-config select option,.reseller-portal-premium .bb-key-config select optgroup,.bb-key-config select option,.bb-key-config select optgroup,.dark-shell .cbb-key-config select option,.dark-shell .cbb-key-config select optgroup,.reseller-portal-premium .cbb-key-config select option,.reseller-portal-premium .cbb-key-config select optgroup,.cbb-key-config select option,.cbb-key-config select optgroup{color:#0f172a!important;-webkit-text-fill-color:#0F172A!important;background-color:#fff!important;opacity:1!important}.dark-shell .bb-key-config select option:checked,.reseller-portal-premium .bb-key-config select option:checked,.bb-key-config select option:checked,.dark-shell .cbb-key-config select option:checked,.reseller-portal-premium .cbb-key-config select option:checked,.cbb-key-config select option:checked{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;background-color:#2563eb!important}.bb-key-config select:disabled,.bb-key-config input:disabled,.cbb-key-config select:disabled,.cbb-key-config input:disabled{color:#475569!important;-webkit-text-fill-color:#475569!important;background-color:#f8fafc!important;opacity:1!important}.vp-empty-state,.vp-tip{color:#788499;background:#fff;border:1px solid #E4E7EE;border-radius:12px;padding:14px;font-size:13px}.vp-tip{margin-top:16px;color:#1e40af;border-color:#2563eb73}@media (max-width: 1180px){.vp-builder-grid{grid-template-columns:1fr}}.vp-slot[style]{min-height:16px}.vp-slot.line{min-width:58px}.vp-slot.touch-dss{min-width:72px;min-height:18px;background:#031826c7}.vp-slot.expansion{min-width:78px;min-height:18px}.vp-slot.page-control,.vp-slot.soft{min-height:16px}.vp-slot.empty.line,.vp-slot.empty.touch-dss,.vp-slot.empty.expansion{background:#041f30c2;outline:1px solid rgba(15,23,42,.35)}.vp-slot.empty .vp-slot-empty{letter-spacing:.01em}.vp-phone-image{filter:drop-shadow(0 18px 28px rgba(0,0,0,.42)) drop-shadow(0 0 1px rgba(255,255,255,.1))}.vp-phone-stage{background:radial-gradient(circle at 50% 38%,rgba(45,212,191,.1),rgba(37,99,235,.03) 30%,transparent 58%),linear-gradient(180deg,#030914,#f4f6f9)}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion{border-radius:999px;padding:1px 8px;justify-content:flex-start}.vp-slot.line:before,.vp-slot.touch-dss:before,.vp-slot.expansion:before{width:7px;height:7px}.vp-slot.empty.line,.vp-slot.empty.touch-dss,.vp-slot.empty.expansion{background:#062132c7;border-width:1.7px}.vp-slot.assigned.line,.vp-slot.assigned.touch-dss,.vp-slot.assigned.expansion{background:#065d40f5}.vp-slot-text,.vp-slot-empty{font-size:clamp(10px,.75vw,12px)}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion{border-radius:999px;padding:1px 7px;justify-content:flex-start}.vp-slot.empty.line,.vp-slot.empty.touch-dss,.vp-slot.empty.expansion{background:#062132c2}.vp-slot.assigned.line,.vp-slot.assigned.touch-dss,.vp-slot.assigned.expansion{background:#056644f5}.vp-slot-text,.vp-slot-empty{font-size:clamp(9px,.74vw,11.6px)}.vp-screen-guide{z-index:2;border-color:#38bdf82e}.vp-screen-mask{position:absolute;z-index:4;border-radius:8px;overflow:hidden;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0a}.vp-screen-mask .vp-screen-statusbar{top:0;height:12%;opacity:.95}.vp-screen-mask .vp-screen-contentwash{top:12%;bottom:15%}.vp-screen-mask .vp-screen-softbar{bottom:0;height:15%;opacity:.98}.vp-screen-mask.mono-light{background:linear-gradient(180deg,#edf2f6,#dfe7ec)}.vp-screen-mask.mono-light .vp-screen-statusbar{background:linear-gradient(180deg,#e4ebf0fa,#d6dfe6fa);border-bottom:1px solid rgba(102,119,136,.18)}.vp-screen-mask.mono-light .vp-screen-contentwash{background:linear-gradient(180deg,#f8fafc2e,#d6e0e81a),repeating-linear-gradient(180deg,transparent 0 22%,rgba(113,128,150,.06) 22% 23%,transparent 23% 46%)}.vp-screen-mask.mono-light .vp-screen-softbar{background:linear-gradient(180deg,#dbe3e8,#cfd8df);border-top:1px solid rgba(102,119,136,.16)}.vp-screen-mask.business-color{background:linear-gradient(180deg,#0f4e86,#0b3053 45%,#0d3e5f)}.vp-screen-mask.business-color .vp-screen-statusbar{background:linear-gradient(180deg,#0a2e4cf2,#0d4061e6)}.vp-screen-mask.business-color .vp-screen-contentwash{background:radial-gradient(circle at 55% 70%,rgba(34,211,238,.18),transparent 28%),linear-gradient(180deg,#12507e47,#05192c14)}.vp-screen-mask.business-color .vp-screen-softbar{background:linear-gradient(180deg,#0a2a46fa,#071e32fa);border-top:1px solid rgba(255,255,255,.05)}.vp-screen-mask.executive-touch{background:linear-gradient(180deg,#0a3b6b,#082846 38%,#0b3652)}.vp-screen-mask.executive-touch .vp-screen-statusbar{background:linear-gradient(180deg,#092746f5,#0a385ceb)}.vp-screen-mask.executive-touch .vp-screen-contentwash{background:radial-gradient(circle at 52% 72%,rgba(34,211,238,.2),transparent 25%),linear-gradient(180deg,#0f568e24,#071d300d)}.vp-screen-mask.executive-touch .vp-screen-softbar{background:linear-gradient(180deg,#08223afa,#05192afa);border-top:1px solid rgba(255,255,255,.06)}.vp-screen-mask.expansion-dark{background:linear-gradient(180deg,#163042,#0b1e2c)}.vp-screen-mask.expansion-dark .vp-screen-statusbar{background:linear-gradient(180deg,#112d40fa,#0d2130fa)}.vp-screen-mask.expansion-dark .vp-screen-contentwash{background:repeating-linear-gradient(180deg,#ffffff05 0,#ffffff05 9%,#fff0 9%,#fff0 10%)}.vp-screen-mask.expansion-dark .vp-screen-softbar{background:linear-gradient(180deg,#0a1924fa,#07121afa)}.vp-screen-mask{z-index:5}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion{border-radius:999px;padding:1px 6px;justify-content:flex-start}.vp-slot-text,.vp-slot-empty{font-size:clamp(9px,.68vw,11px)}.vp-screen-guide{z-index:2;border-color:#38bdf829}.vp-screen-mask{position:absolute;z-index:5;border-radius:8px;overflow:hidden;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0a}.vp-key-lane-mask{position:absolute;z-index:8;border-radius:12px;pointer-events:none;background:linear-gradient(180deg,#0e2e49f5,#0a2236f7);box-shadow:inset 0 0 0 1px #ffffff08}.vp-screen-mask .vp-screen-statusbar,.vp-screen-mask .vp-screen-contentwash,.vp-screen-mask .vp-screen-softbar{position:absolute;left:0;right:0}.vp-screen-mask .vp-screen-statusbar{top:0;height:12%;opacity:1}.vp-screen-mask .vp-screen-contentwash{top:12%;bottom:15%;opacity:1}.vp-screen-mask .vp-screen-softbar{bottom:0;height:15%;opacity:1}.vp-screen-mask.mono-light{background:#e8eef3}.vp-screen-mask.mono-light .vp-screen-statusbar{background:#dde5eb;border-bottom:1px solid rgba(102,119,136,.16)}.vp-screen-mask.mono-light .vp-screen-contentwash{background:linear-gradient(180deg,#f1f5f8,#e1e8ee)}.vp-screen-mask.mono-light .vp-screen-softbar{background:#d5dee5;border-top:1px solid rgba(102,119,136,.14)}.vp-screen-mask.business-color{background:#0c3b67}.vp-screen-mask.business-color .vp-screen-statusbar{background:#0d416f}.vp-screen-mask.business-color .vp-screen-contentwash{background:linear-gradient(180deg,#0f4f86,#0d3152)}.vp-screen-mask.business-color .vp-screen-softbar{background:#0a2c49;border-top:1px solid rgba(255,255,255,.05)}.vp-screen-mask.executive-touch{background:#09365f}.vp-screen-mask.executive-touch .vp-screen-statusbar{background:#0a3f6d}.vp-screen-mask.executive-touch .vp-screen-contentwash{background:linear-gradient(180deg,#0d4a80,#0a2c48)}.vp-screen-mask.executive-touch .vp-screen-softbar{background:#082742;border-top:1px solid rgba(255,255,255,.05)}.vp-screen-mask.expansion-dark{background:#102534}.vp-screen-mask.expansion-dark .vp-screen-statusbar{background:#163244}.vp-screen-mask.expansion-dark .vp-screen-contentwash{background:linear-gradient(180deg,#17394f,#102534)}.vp-screen-mask.expansion-dark .vp-screen-softbar{background:#0d1f2c}.vp-slot{z-index:13}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion{border-radius:999px;padding:1px 5px;justify-content:flex-start}.vp-slot.line:before,.vp-slot.touch-dss:before,.vp-slot.expansion:before{width:6px;height:6px;margin-right:2px}.vp-slot-text,.vp-slot-empty{font-size:clamp(8px,.64vw,10.5px)}.vp-key-lane-mask{background:linear-gradient(180deg,#082034fc,#061828fc);box-shadow:inset 0 0 0 1px #ffffff05}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion{border-radius:999px;padding:1px 5px;justify-content:flex-start;min-height:12px}.vp-slot.line:before,.vp-slot.touch-dss:before,.vp-slot.expansion:before{width:5px;height:5px;margin-right:2px}.vp-slot-text,.vp-slot-empty{font-size:clamp(7px,.58vw,9.5px);letter-spacing:-.01em}.vp-slot.empty.line,.vp-slot.empty.touch-dss,.vp-slot.empty.expansion{background:#051826d6}.vp-slot.assigned.line,.vp-slot.assigned.touch-dss,.vp-slot.assigned.expansion{background:#03653ef5}.vp-phone-stage:not(.show-calibration) .vp-screen-guide{opacity:0}.vp-phone-stage.show-calibration .vp-screen-guide{opacity:1}.vp-phone-stage:not(.show-calibration) .vp-key-lane-mask{opacity:1}.vp-phone-stage.show-calibration .vp-key-lane-mask{outline:1px dashed rgba(34,211,238,.45)}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion,.vp-slot.page-control{padding:1px 4px}.vp-slot.page-control{border-radius:999px;justify-content:flex-start;background:#061c2ce6;border:1px dashed rgba(34,211,238,.78);color:#a5f3fc}.vp-slot.page-control:before{width:5px;height:5px;margin-right:2px;border-radius:999px;background:#22c55e;box-shadow:0 0 8px #22c55e7a}.vp-slot.page-control.assigned{background:#061c2cf0}.vp-slot-text,.vp-slot-empty{font-size:clamp(7px,.55vw,9px)}.vp-key-lane-mask{background:linear-gradient(180deg,#071b2cfe,#051422fe)}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion,.vp-slot.page-control{padding:0 4px;min-height:10px}.vp-slot-text,.vp-slot-empty{font-size:clamp(6px,.5vw,8px);line-height:1}.vp-slot.line:before,.vp-slot.touch-dss:before,.vp-slot.expansion:before,.vp-slot.page-control:before{width:4px;height:4px;margin-right:2px}.vp-screen-mask{opacity:.12}.vp-key-lane-mask{background:#04121f94;opacity:.88}.vp-slot.line,.vp-slot.touch-dss,.vp-slot.expansion,.vp-slot.page-control{min-height:10px;padding:0 4px;border-width:1px}.vp-slot-text,.vp-slot-empty{font-size:clamp(6px,.48vw,8px);line-height:1}.vp-slot.line:before,.vp-slot.touch-dss:before,.vp-slot.expansion:before,.vp-slot.page-control:before{width:4px;height:4px}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.rp-ops{--rp-accent: #2F6FED;--rp-accent-b: #4C84F5;--rp-border: #D5DBE8;--rp-border-2: #C5CDDC;--rp-text: #0B1220;--rp-sub: #4A5568;--rp-muted: #64748B;--rp-card: #FFFFFF;--rp-card-2: #F3F6FB;--rp-green: #059669;--rp-amber: #D97706;--rp-red: #DC2626;--rp-cyan: #0EA5E9}.rp-ops .rp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rp-ops table.rp-table{width:100%;border-collapse:collapse;font-size:12.5px}.rp-ops table.rp-table thead tr{background:linear-gradient(180deg,#e8eef8,#dde5f2);border-bottom:1px solid var(--rp-border-2)}.rp-ops table.rp-table th{padding:9px 12px;text-align:left;font-size:10px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid var(--rp-border-2)}.rp-ops table.rp-table td{padding:8px 12px;border-bottom:1px solid var(--rp-border);vertical-align:middle;color:var(--rp-text)}.rp-ops table.rp-table tbody tr:hover{background:#2f6fed0e}.rp-ops table.rp-table tbody tr:last-child td{border-bottom:none}.rp-ops .rp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 16px 13px 18px;border-bottom:1px solid var(--rp-border);background:linear-gradient(180deg,#f0f5ff,#f8fafd)}.rp-ops .rp-panel-title{font-size:14px;font-weight:800;color:var(--rp-text);letter-spacing:-.25px;line-height:1.2}.rp-ops .rp-panel-sub{font-size:11.5px;color:var(--rp-muted);margin-top:2px;line-height:1.4}.rp-ops .rp-section-label{font-size:10px;font-weight:800;letter-spacing:.75px;text-transform:uppercase;color:var(--rp-muted)}.rp-ops .rp-search-well{display:flex;align-items:center;gap:8px;flex:1;min-width:160px;background:var(--rp-card-2);border:1px solid var(--rp-border);border-radius:8px;padding:7px 11px;box-shadow:inset 0 1px 2px #0f172a08}.rp-ops .rp-search-well:focus-within{border-color:#2f6fed73;box-shadow:0 0 0 3px #2f6fed1f}.rp-ops .rp-search-well input{flex:1;background:none;border:none;outline:none;color:var(--rp-text);font-size:12.5px;min-width:0}.rp-ops .rp-empty{padding:40px 20px;text-align:center;color:var(--rp-muted);font-size:12.5px}:root{--bg-shell: #10192C;--bg-surface: #16243B;--bg-card: rgba(25,40,66,.92);--bg-card-hover:rgba(31,49,79,.97);--bg-input: rgba(148,163,184,.09);--bg-input-focus:rgba(148,163,184,.14);--bg-row-hover: rgba(148,163,184,.07);--bg-selected: rgba(99,102,241,.12);--border: rgba(148,163,184,.17);--border-card: rgba(148,163,184,.14);--border-hover: rgba(99,102,241,.4);--border-focus: rgba(99,102,241,.6);--grad-primary: linear-gradient(135deg, #0004FF 0%, #7B61FF 50%, #9B59FF 100%);--grad-btn: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);--grad-btn-hover: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--grad-logo: linear-gradient(135deg, #60A5FA, #818CF8, #A78BFA);--cyan: #22D3EE;--cyan-dim: rgba(34,211,238,.12);--blue: #6366F1;--blue-bright: #818CF8;--purple: #8B5CF6;--purple-bright:#A78BFA;--green: #10B981;--green-bright: #34D399;--amber: #F59E0B;--red: #EF4444;--red-bright: #F87171;--text: #E2E8F0;--text-sub: #94A3B8;--text-muted: #8292AA;--text-dim: #5F718C;--status-ok: #10B981;--status-warn: #F59E0B;--status-err: #EF4444;--sidebar-w: 220px;--topbar-h: 56px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-card: 0 5px 24px rgba(3,8,20,.28), 0 1px 0 rgba(255,255,255,.055) inset;--shadow-glow: 0 0 20px rgba(99,102,241,.15);--shadow-modal: 0 24px 80px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-shell);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--blue-bright);text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-shell)}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:50}.sidebar-logo{padding:16px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.sidebar-logo img{width:130px;height:auto;display:block}.logo-v{font-size:22px;font-weight:900;background:var(--grad-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.logo-brand{font-size:16px;font-weight:800;color:#f1f5f9;letter-spacing:-.3px}.nav-section{padding:6px 8px 2px}.nav-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:8px 10px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.nav-item:hover{background:#ffffff0d;color:var(--text)}.nav-item.active{background:#6366f126;color:var(--blue-bright)}.nav-item.active svg{color:var(--blue-bright)}.nav-item svg{width:15px;height:15px;flex-shrink:0;opacity:.8}.nav-item.active svg{opacity:1}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.platform-plan-card{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px}.platform-plan-label{font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.platform-plan-name{font-size:13px;font-weight:700;color:var(--blue-bright)}.platform-plan-btn{width:100%;margin-top:6px;padding:5px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);color:var(--blue-bright);font-size:11px;font-weight:600;cursor:pointer;text-align:center}.collapse-btn{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 2px}.collapse-btn:hover{color:var(--text)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-h);min-height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;z-index:40;flex-shrink:0}.topbar-search{flex:1;max-width:360px;position:relative}.topbar-search input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px 7px 34px;font-size:13px;color:var(--text);outline:none;transition:border-color .15s,background .15s}.topbar-search input:focus{border-color:var(--border-focus);background:var(--bg-input-focus)}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.topbar-search .search-shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-dim);background:#ffffff0f;border-radius:4px;padding:1px 5px}.topbar-spacer{flex:1}.topbar-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0a;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:border-color .15s}.topbar-badge:hover{border-color:var(--border-hover)}.topbar-badge .dot{width:7px;height:7px;border-radius:50%}.dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-blue{background:var(--blue);box-shadow:0 0 6px var(--blue)}.topbar-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;position:relative;transition:all .15s;font-size:0}.topbar-icon-btn:hover{border-color:var(--border-hover);color:var(--text)}.notif-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:9px;font-weight:700;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-surface)}.topbar-user{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius);cursor:pointer;transition:background .15s}.topbar-user:hover{background:#ffffff0a}.topbar-avatar{width:30px;height:30px;border-radius:50%;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.topbar-user-info{line-height:1.2}.topbar-user-name{font-size:12px;font-weight:600;color:var(--text)}.topbar-user-role{font-size:10px;color:var(--text-muted)}.topbar-caret{color:var(--text-dim)}.page-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-shell)}.reseller-portal-premium{--bg-shell: #EEF2F8;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-input: #F7F8FB;--bg-input-focus: #FFFFFF;--bg-row-hover: #F0F4FF;--bg-selected: rgba(47,111,237,.1);--border: #D5DBE8;--border-card: #D5DBE8;--border-hover: rgba(47,111,237,.35);--border-focus: rgba(47,111,237,.55);--text: #0F172A;--text-sub: #5F6B7D;--text-muted: #788499;--text-dim: #9AA4B3;--blue: #2F6FED;--blue-bright: #4C84F5;--grad-btn: linear-gradient(135deg, #2F6FED 0%, #4C84F5 100%);--grad-btn-hover: linear-gradient(135deg, #2563EB 0%, #2F6FED 100%);--shadow-card: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04);color:var(--text);font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif;background:var(--bg-shell)}.reseller-portal-premium .main-area{background:var(--bg-shell)}.reseller-portal-premium .reseller-sidebar{background:#fff!important;border-right:1px solid var(--border)!important;box-shadow:1px 0 #0f172a05}.reseller-portal-premium .topbar{background:#fffffff5;border-bottom:1px solid var(--border);box-shadow:0 1px #0f172a08}.reseller-portal-premium .topbar-search input,.reseller-portal-premium .topbar-icon-btn{background:#f7f8fb;border-color:var(--border);color:var(--text-muted)}.reseller-portal-premium .topbar-search input{color:var(--text)}.reseller-portal-premium .topbar-search .search-shortcut{background:#eef0f5;color:var(--text-dim)}.reseller-portal-premium .topbar-icon-btn:hover{color:var(--text);border-color:var(--border-hover)}.reseller-portal-premium .page-content{background:radial-gradient(ellipse 95% 50% at 6% -6%,rgba(47,111,237,.14),transparent 55%),radial-gradient(ellipse 70% 42% at 96% 0%,rgba(14,165,233,.1),transparent 50%),#eef2f8}.reseller-portal-premium .page-title{color:#0f172a}.reseller-portal-premium .nav-item{border:1px solid transparent;color:#5f6b7d;padding:8px 10px;border-radius:9px;font-weight:500}.reseller-portal-premium .nav-item svg{width:16px;height:16px;opacity:.9;filter:none}.reseller-portal-premium .nav-item:hover{background:#f0f4ff;color:#0f172a}.reseller-portal-premium .nav-item.active{background:#e8f1ff;border-color:transparent;color:#2f6fed;box-shadow:none;font-weight:600}.reseller-portal-premium .nav-item.active svg{color:#2f6fed;opacity:1}.reseller-portal-premium ::-webkit-scrollbar-thumb{background:#0f172a1f}.reseller-portal-premium ::-webkit-scrollbar-thumb:hover{background:#0f172a38}@media (max-width: 768px){.reseller-portal-premium .reseller-sidebar{box-shadow:6px 0 28px #0f172a1f!important;background:#fff!important}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.page-title{font-size:22px;font-weight:800;color:#f1f5f9;letter-spacing:-.4px}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.page-actions{display:flex;align-items:center;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;margin-bottom:20px}.kpi-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.kpi-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:flex-start;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s;cursor:pointer}.kpi-card:hover{border-color:#6366f140;box-shadow:var(--shadow-card),var(--shadow-glow)}.kpi-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__icon svg{width:18px;height:18px}.kpi-card__icon.blue{background:#6366f126;color:var(--blue-bright)}.kpi-card__icon.purple{background:#8b5cf626;color:var(--purple-bright)}.kpi-card__icon.cyan{background:#22d3ee1f;color:var(--cyan)}.kpi-card__icon.green{background:#10b9811f;color:var(--green-bright)}.kpi-card__icon.amber{background:#f59e0b1f;color:var(--amber)}.kpi-card__icon.red{background:#ef44441f;color:var(--red-bright)}.kpi-card__icon.indigo{background:#6366f126;color:#a5b4fc}.kpi-card__body{min-width:0;flex:1}.kpi-card__value{font-size:22px;font-weight:800;color:#f1f5f9;line-height:1.1}.kpi-card__label{font-size:11.5px;color:var(--text-muted);margin-top:2px;font-weight:500}.kpi-card__trend{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-top:4px}.kpi-card__trend.up{color:var(--green-bright)}.kpi-card__trend.down{color:var(--red-bright)}.kpi-card__trend .trend-sub{color:var(--text-muted);font-weight:400;font-size:10px}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:18px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:14px;font-weight:700;color:#cbd5e1}.card-link{font-size:12px;color:var(--blue-bright);cursor:pointer}.card-link:hover{text-decoration:underline}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.table-wrap{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.table-toolbar{padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-wrap:wrap}table{width:100%;border-collapse:collapse}thead th{background:#ffffff05;padding:9px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-row-hover)}tbody td{padding:10px 14px;font-size:13px;color:var(--text)}.tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:0}.tab-item{padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--blue-bright);border-bottom-color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-red{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-amber{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.2)}.badge-blue{background:#6366f11f;color:var(--blue-bright);border:1px solid rgba(99,102,241,.2)}.badge-purple{background:#8b5cf61f;color:var(--purple-bright);border:1px solid rgba(139,92,246,.2)}.badge-cyan{background:#22d3ee1a;color:var(--cyan);border:1px solid rgba(34,211,238,.2)}.badge-gray{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.dot-green{background:var(--green);box-shadow:0 0 5px var(--green)}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.dot-gray{background:var(--text-dim)}.dot-blue{background:var(--blue);box-shadow:0 0 5px var(--blue)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 2px 12px #6366f14d}.btn-primary:hover{background:var(--grad-btn-hover);box-shadow:0 4px 16px #6366f166;transform:translateY(-.5px)}.btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-danger{background:#ef44441f;color:var(--red-bright);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.btn-ghost{background:transparent;color:var(--text-sub);border:none}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-sm{padding:4px 10px;font-size:11.5px;border-radius:5px}.btn-xs{padding:2px 8px;font-size:11px;border-radius:4px}.btn-lg{padding:10px 20px;font-size:14px;border-radius:var(--radius)}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;font-size:13px;color:var(--text);outline:none;width:100%;transition:border-color .15s,background .15s;font-family:inherit}.input:focus{border-color:var(--border-focus);background:var(--bg-input-focus)}.input::placeholder{color:var(--text-dim)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.input-wrap{position:relative}.input-wrap .input-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.input-wrap .input{padding-left:30px}.form-group{margin-bottom:14px}.form-label{font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:5px;display:block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;width:520px;max-width:96vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:17px;font-weight:800;color:#f1f5f9}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.side-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:95vw;background:var(--bg-surface);border-left:1px solid var(--border-card);z-index:200;display:flex;flex-direction:column;box-shadow:-12px 0 48px #00000080}.side-panel-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.side-panel-body{flex:1;overflow-y:auto;padding:20px}.metric-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:4px}.metric-bar-fill{height:100%;border-radius:2px;transition:width .6s ease}.metric-bar-fill.green{background:var(--green)}.metric-bar-fill.amber{background:var(--amber)}.metric-bar-fill.red{background:var(--red)}.metric-bar-fill.blue{background:var(--blue-bright)}.metric-bar-fill.purple{background:var(--purple)}.metric-bar-fill.grad{background:var(--grad-btn)}.health-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.health-row:last-child{border-bottom:none}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12.5px}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.activity-icon.blue{background:#6366f126;color:var(--blue-bright)}.activity-icon.green{background:#10b9811f;color:var(--green-bright)}.activity-icon.amber{background:#f59e0b1f;color:var(--amber)}.activity-icon.red{background:#ef44441f;color:var(--red-bright)}.activity-icon.purple{background:#8b5cf626;color:var(--purple-bright)}.activity-text{flex:1;line-height:1.45}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap}.date-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-sub);cursor:pointer}.date-pill:hover{border-color:var(--border-hover)}.top-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12.5px}.top-row:last-child{border-bottom:none}.top-row-bar{flex:1;margin:0 10px}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.text-muted{color:var(--text-muted)}.text-sub{color:var(--text-sub)}.text-cyan{color:var(--cyan)}.text-green{color:var(--green-bright)}.text-red{color:var(--red-bright)}.text-amber{color:var(--amber)}.text-blue{color:var(--blue-bright)}.text-purple{color:var(--purple-bright)}.font-mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace}.font-bold{font-weight:700}.font-800{font-weight:800}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase;letter-spacing:.06em}.chart-wrap{width:100%;overflow:hidden}.mobile-only{display:none}.mobile-hide{display:block}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;flex-shrink:0;transition:all .15s}.mobile-menu-btn:hover{border-color:var(--border-hover);color:var(--text)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:99;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sidebar-backdrop.open{display:block}@media (max-width: 1024px) and (min-width: 769px){:root{--sidebar-w: 192px;--topbar-h: 54px}.topbar-search{max-width:220px}.topbar-badge{display:none}.page-content{padding:18px 20px}.kpi-grid,.kpi-grid-4,.kpi-grid-5,.kpi-grid-6,.kpi-grid-2,.kpi-grid-3{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.grid-3,.grid-cols-3,.card-grid-3{grid-template-columns:1fr 1fr!important}}@media (max-width: 768px){:root{--topbar-h: 52px;--sidebar-w: 0px}.mobile-only{display:flex!important}.mobile-hide{display:none!important}.mobile-menu-btn{display:flex!important}.collapse-btn{display:none!important}.app-shell{overflow:hidden}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100dvh!important;height:100vh!important;width:272px!important;min-width:272px!important;z-index:100!important;transform:translate(-100%)!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;box-shadow:6px 0 40px #000000b3!important;overflow-y:auto!important}.sidebar.mobile-open{transform:translate(0)!important}.reseller-sidebar{position:fixed!important;top:0!important;left:-272px!important;height:100dvh!important;height:100vh!important;width:272px!important;min-width:272px!important;z-index:100!important;transition:left .28s cubic-bezier(.4,0,.2,1)!important;box-shadow:6px 0 40px #000000b3!important}.reseller-sidebar.open{left:0!important}.reseller-sidebar-collapsed{display:none!important}.main-area{width:100%!important;min-width:0!important;overflow-x:hidden}.topbar{padding:0 10px!important;gap:6px!important;height:var(--topbar-h)!important}.topbar-search{width:120px!important;flex:0 0 120px!important;min-width:0!important}.topbar-search input{font-size:12px!important;padding:6px 8px 6px 28px!important}.topbar-search .search-shortcut,.topbar-badge,.topbar-user-info,.topbar-caret{display:none!important}.page-content{padding:14px 12px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}.page-title{font-size:20px!important;letter-spacing:-.3px!important}.page-actions{width:100%!important;flex-wrap:wrap!important;gap:8px!important}.page-actions .btn{flex:1 1 auto!important;min-width:120px!important;justify-content:center!important}.kpi-grid,.kpi-grid-2,.kpi-grid-3,.kpi-grid-4,.kpi-grid-5,.kpi-grid-6{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.card-grid-3,.card-grid-2{grid-template-columns:1fr!important;gap:10px!important}.kpi-card{padding:13px 12px!important;gap:10px!important}.kpi-card__icon{width:34px!important;height:34px!important}.kpi-card__icon svg{width:15px!important;height:15px!important}.kpi-card__value{font-size:19px!important}.kpi-card__label{font-size:10.5px!important}.kpi-card__trend{font-size:10px!important}.card{padding:14px 12px!important;border-radius:var(--radius)!important}.card-header{margin-bottom:10px!important}.grid-2,.grid-3,.grid-cols-3,.card-grid-2,.card-grid-3{grid-template-columns:1fr!important;gap:10px!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:var(--radius)!important}.table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}table{min-width:580px!important}thead th{padding:8px 10px!important;font-size:10px!important}tbody td{padding:9px 10px!important;font-size:12px!important}.table-toolbar{padding:10px 12px!important;gap:6px!important;flex-wrap:wrap!important}.table-toolbar .input{font-size:12px!important}.tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:0!important;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-item{padding:8px 12px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important}.tab-bar{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{width:100%!important;max-width:100%!important;max-height:92dvh!important;max-height:92vh!important;border-radius:16px 16px 0 0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.side-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;z-index:200!important;border-radius:0!important;border-left:none!important;overflow-y:auto!important}.workspace-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;z-index:200!important;overflow-y:auto!important}.form-row{flex-direction:column!important;gap:10px!important}.form-group{margin-bottom:12px!important}.form-label{font-size:11.5px!important}.btn-group{flex-wrap:wrap!important;gap:6px!important}.btn-group>*{flex:1 1 auto!important;min-width:100px!important;justify-content:center!important}.dash-page{padding:14px 10px!important}.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:14px!important}.quick-action-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.quick-action-row>*{flex:unset!important;min-width:0!important;padding:10px 4px!important;font-size:11px!important;text-align:center!important;flex-direction:column!important;gap:4px!important}.recharts-wrapper,.recharts-responsive-container{max-height:200px!important}.chart-container{height:180px!important}[data-mobile-hide=true],.col-hide-mobile,[data-mobile=hide]{display:none!important}.scope-bar{padding:6px 10px!important;flex-wrap:wrap!important;gap:6px!important;font-size:11px!important}.filter-bar,.toolbar{flex-wrap:wrap!important;gap:6px!important}.filter-bar .input,.toolbar .input{width:100%!important;font-size:12px!important}.filter-bar select.input{font-size:12px!important}.detail-grid-2{grid-template-columns:1fr!important;gap:12px!important}.nav-item{padding:10px 12px!important;font-size:13.5px!important;min-height:44px!important}.nav-label{padding:10px 12px 4px!important}.input,select.input{min-height:40px!important;font-size:14px!important}textarea.input{min-height:80px!important;font-size:14px!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],select,textarea,.topbar-search input{font-size:16px!important}.overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.btn{min-height:38px!important}.btn-sm{min-height:32px!important}.topbar-icon-btn{width:38px!important;height:38px!important}.ivr-builder-canvas{height:calc(100dvh - 120px)!important;height:calc(100vh - 120px)!important}.ivr-palette-btn{bottom:80px!important;left:12px!important}.ivr-save-btn{bottom:80px!important;right:12px!important}.kamailio-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.health-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.device-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.login-card{width:100%!important;max-width:100%!important;border-radius:0!important;min-height:100dvh!important;min-height:100vh!important;padding:32px 20px!important;justify-content:center!important}.login-shell{padding:0!important;align-items:stretch!important}}@media (max-width: 480px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.kpi-card{padding:11px 10px!important;gap:8px!important}.kpi-card__value{font-size:17px!important}.kpi-card__label{font-size:10px!important}.kpi-card__icon{width:30px!important;height:30px!important}.page-title{font-size:18px!important}.page-content{padding:10px 8px!important}.card{padding:12px 10px!important}.card-title{font-size:13px!important}.quick-action-row{grid-template-columns:repeat(2,1fr)!important}.quick-action-row>*{padding:12px 6px!important;font-size:11px!important}.nav-label{font-size:9px!important}.tab-item{padding:8px 10px!important;font-size:11.5px!important}table{min-width:520px!important}thead th{font-size:9.5px!important;padding:7px 8px!important}tbody td{font-size:11.5px!important;padding:8px!important}.modal{max-height:96dvh!important;max-height:96vh!important}.device-grid{grid-template-columns:1fr!important}.health-grid{grid-template-columns:1fr 1fr!important}.topbar{padding:0 8px!important;gap:6px!important}.mobile-menu-btn{width:36px!important;height:36px!important}.topbar-icon-btn{width:34px!important;height:34px!important}.topbar-search{display:none!important}}@media (hover: none) and (pointer: coarse){.kpi-card:hover{border-color:var(--border-card)!important;box-shadow:var(--shadow-card)!important}.btn-primary:hover{transform:none!important}.nav-item{min-height:44px!important}.btn,.nav-item,.tab-item{user-select:none;-webkit-user-select:none}.page-content,.sidebar,.modal,.side-panel{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 768px){.sidebar,.modal{padding-bottom:env(safe-area-inset-bottom)!important}.topbar{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.page-content{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}}}@media (max-width: 768px){div[style*=gridTemplateColumns],div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:10px!important}div[style*=gridTemplateColumns][data-kpi=true],div[style*=gridTemplateColumns][data-kpi],.kpi-grid,.kpi-grid-2,.kpi-grid-3,.kpi-grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}div[style*="280px"],div[style*="300px"],div[style*="320px"],div[style*="260px"]{grid-template-columns:1fr!important;gap:12px!important}div[style*="280px"]>div:last-child:not(:first-child),div[style*="300px"]>div:last-child:not(:first-child),div[style*="320px"]>div:last-child:not(:first-child),div[style*="260px"]>div:last-child:not(:first-child){display:none!important}div[style*="padding:16"],div[style*="padding: 16"],div[style*="padding:20"],div[style*="padding: 20"]{padding:10px!important}div[style*="padding:'14px 16px'"],div[style*="padding: 14px 16px"],div[style*="padding:'16px 20px'"],div[style*="padding: 16px 20px"]{padding:10px 12px!important}div[style*="flexWrap:'wrap'"]{gap:6px!important}div[style*="overflowX:'auto'"],div[style*="overflow-x: auto"],div[style*="overflowX: auto"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}div[style*="overflowX:'auto'"] button,div[style*="overflowX: auto"] button{padding:7px 10px!important;font-size:11px!important;flex-shrink:0!important;white-space:nowrap!important}div[style*="overflowX:'auto'"] table,div[style*="overflowX: auto"] table,.table-wrap table,.table-scroll table{min-width:560px!important}}@media (max-width: 480px){div[style*=gridTemplateColumns],div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:8px!important}div[style*="padding:16"],div[style*="padding:20"],div[style*="padding: 16"],div[style*="padding: 20"]{padding:8px!important}}select{color-scheme:light}select option,select optgroup{background-color:#fff!important;color:#0f172a!important}select option:checked,select option:hover{background-color:#e8f1ff!important;color:#0f172a!important}.reseller-portal-premium select{color-scheme:light}.reseller-portal-premium select option,.reseller-portal-premium select optgroup{background-color:#fff!important;color:#0f172a!important}.reseller-portal-premium select option:checked{background-color:#e8f1ff!important;color:#2f6fed!important}.app-shell:not(.reseller-portal-premium) select[data-scheme=dark],.dark-shell select{color-scheme:dark}.app-shell:not(.reseller-portal-premium) select[data-scheme=dark] option,.dark-shell select option{background-color:#111827!important;color:#f1f5f9!important}