:root{color:#f6f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050507;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#root{min-height:100svh}.dashboard-shell{color:#f6f7fb;background:radial-gradient(circle at 0 0,#7aecb317,#0000 28%),radial-gradient(circle at 78% 8%,#c4a0ff1f,#0000 30%),#050507;grid-template-columns:248px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{-webkit-backdrop-filter:blur(22px);background:#090a0eb8;border-right:1px solid #ffffff14;align-self:start;height:100svh;padding:22px 16px;position:sticky;top:0}.brand,.topbar-actions,.profile-pill,.metric,.panel,.login-panel{-webkit-backdrop-filter:blur(22px)}.brand{letter-spacing:0;align-items:center;gap:10px;min-height:44px;padding:0 8px;font-weight:760;display:inline-flex}.brand svg{color:#76e3a2}.sidebar-nav{gap:6px;margin-top:24px;display:grid}.sidebar-nav section{gap:4px;display:grid}.nav-group-toggle{color:#c4c8d2;width:100%;min-height:40px;font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:640;transition:all .16s;display:flex}.nav-group-toggle:hover{color:#f7f8fb;background:#ffffff0a}.nav-group-toggle.has-active{color:#f7f8fb}.nav-group-toggle.has-active svg:first-child{color:#76e3a2}.nav-group-chevron{margin-left:auto;transition:transform .16s}.nav-group-toggle.expanded .nav-group-chevron{transform:rotate(180deg)}.nav-group-items{border-left:1px solid #ffffff14;gap:3px;margin:2px 0 6px 12px;padding-left:10px;display:grid}.sidebar-nav a{color:#a9adba;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:36px;padding:0 10px;font-size:13.5px;transition:all .16s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:#f7f8fb;background:linear-gradient(135deg,#caa4ff29,#76e3a214);border-color:#ffffff1a}.sidebar-nav a.active svg{color:#76e3a2}.workspace{min-width:0;padding:22px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:20px;width:100%;margin:0 0 22px;display:grid}.eyebrow{color:#76e3a2;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:760}.topbar h1{color:#0000;background:linear-gradient(90deg,#caa4ff 0%,#8aa7ff 38%,#67e8f9 63%,#76e3a2 100%);letter-spacing:0;-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;margin:0;font-size:clamp(26px,3vw,42px);font-weight:860;line-height:1}.topbar span{color:#8f96a4;max-width:760px;margin-top:8px;font-size:14px;display:block}.topbar-actions{justify-content:flex-end;align-items:flex-start;gap:10px;padding-top:2px;display:flex;position:relative}.icon-button,.profile-pill{color:#f6f7fb;background:#ffffff12;border:1px solid #ffffff14}.icon-button{cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.profile-pill{cursor:pointer;border-radius:999px;align-items:center;gap:10px;min-width:210px;padding:6px 10px 6px 6px;display:flex}.avatar{color:#08090c;text-align:center;background:linear-gradient(135deg,#76e3a2,#caa4ff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.avatar-text{font-size:13px;font-weight:800;line-height:1;display:block;transform:translateY(1px)}.profile-pill strong,.profile-pill small{line-height:1.1;display:block}.profile-pill strong{font-size:13px}.profile-pill small{color:#8d94a3;margin-top:4px;font-size:11px}button.profile-pill{font:inherit;text-align:left}.profile-menu{position:relative}.profile-menu-trigger{border-radius:50%;flex:none;place-items:center;gap:0;width:52px;min-width:0;height:52px;min-height:52px;padding:0;display:grid}.profile-menu-trigger .avatar{width:40px;height:40px;margin:0}.profile-menu-dropdown{z-index:30;background:#0e0f15f5;border:1px solid #ffffff1a;border-radius:10px;gap:6px;min-width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #00000057}.profile-menu-summary{border-bottom:1px solid #ffffff14;gap:4px;padding:4px 2px 10px;display:grid}.profile-menu-summary strong{color:#f7f8fb;font-size:13px}.profile-menu-summary small{color:#8d94a3;text-transform:capitalize;font-size:11px}.profile-menu-dropdown button{color:#f5f7fb;min-height:36px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:flex-start;align-items:center;padding:0 10px;display:flex}.profile-menu-dropdown button:hover{background:#76e3a21f;border-color:#76e3a270}.metric-strip,.dashboard-grid{width:100%;max-width:none;margin-inline:0}.metric-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-strip.embedded-metrics{max-width:none;margin:0}.metric{background:linear-gradient(145deg,#ffffff1c,#ffffff0b);border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:14px;min-height:96px;padding:16px;display:flex}.metric>span{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.metric.green>span{color:#76e3a2;background:#76e3a224}.metric.lavender>span{color:#caa4ff;background:#caa4ff26}.metric.cyan>span{color:#61dce4;background:#61dce424}.metric.gold>span{color:#f4d35e;background:#f4d35e24}.metric small,.metric em,.muted{color:#8b92a0;font-size:12px;font-style:normal}.metric strong{margin:3px 0;font-size:25px;line-height:1;display:block}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.panel{background:linear-gradient(145deg,#ffffff1c,#ffffff0b),repeating-radial-gradient(circle at 24px 24px,#ffffff09 0 1px,#0000 1px 10px);border:1px solid #ffffff17;border-radius:8px;min-height:260px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff14}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-title h2{color:#fff;letter-spacing:0;margin:0;font-size:16px;font-weight:680}.panel-title span{color:#c4c8d2;white-space:nowrap;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;display:inline-flex}.panel-title-timer{color:#c4c8d2;flex-direction:column;align-items:flex-end;line-height:1;display:inline-flex;white-space:normal!important;background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important}.panel-title-timer small{color:#8b92a0;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.panel-title-timer strong{color:#f7f8fb;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px}.revenue-panel{grid-column:span 5}.calendar-panel{grid-column:span 3}.installs-panel{grid-column:span 4}.agent-panel,.age-panel{grid-column:span 3}.map-panel{grid-column:span 6}.owner-live-agents-panel{grid-column:span 7}.dialer-panel,.calls-panel{grid-column:span 6}.wide-panel{grid-column:span 8}.split-number{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:10px;display:grid}.split-number strong,.large-number{color:#fff;font-size:38px;font-weight:520;line-height:1;display:block}.split-number span{color:#8b92a0;margin-top:8px;font-size:12px;display:block}.chart-area,.bar-chart{width:100%;height:170px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-grid span{aspect-ratio:1;color:#aab0bd;background:#fff1;border:1px solid #ffffff14;border-radius:8px;place-items:center;font-size:12px;display:grid}.calendar-grid .hot{color:#1b1225;background:#caa4ff}.calendar-grid .ready{color:#132018;background:#76e3a2}.queue-total,.call-card{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;display:flex}.queue-total strong{color:#fff;font-size:34px;font-weight:520}.agent-list,.call-list,.stack-list{gap:10px;display:grid}.agent-row,.call-row,.status-line{border-bottom:1px solid #fff1;align-items:center;gap:12px;min-height:54px;padding-block:10px;display:grid}.agent-row{grid-template-columns:12px minmax(0,1fr) auto}.call-row{grid-template-columns:minmax(0,1fr) auto auto}.status-line{grid-template-columns:minmax(0,1fr) auto}.owner-live-agents-table{gap:0;display:grid}.owner-live-agents-header,.owner-live-agents-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;display:grid}.owner-live-agents-header{border-bottom:1px solid #ffffff14;min-height:32px;padding:0 0 8px}.owner-live-agents-header span{text-align:center;color:#8b92a0;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.owner-live-agents-body{display:grid}.owner-live-agents-row{border-bottom:1px solid #fff1;min-height:46px;padding:8px 0}.owner-live-agents-agent{text-align:center;justify-content:center;display:flex}.owner-live-agents-agent strong{color:#f7f8fb;font-size:13px;line-height:1.15;display:block}.owner-live-agents-status{color:#dfe4ec;text-transform:capitalize;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.owner-live-agents-status.status-ready,.owner-live-agents-status.status-waiting{color:#76e3a2;background:#76e3a21f;border-color:#76e3a233}.owner-live-agents-status.status-on-call,.owner-live-agents-status.status-ringing{color:#caa4ff;background:#caa4ff24;border-color:#caa4ff38}.owner-live-agents-status.status-paused,.owner-live-agents-status.status-after-call-work{color:#f4d35e;background:#f4d35e1f;border-color:#f4d35e33}.owner-live-agents-status.status-offline,.owner-live-agents-status.status-logged-out{color:#8b92a0}.owner-live-agents-timer{color:#f7f8fb;font-variant-numeric:tabular-nums;text-align:center;justify-self:center;font-size:14px}.agent-row strong,.call-row strong,.call-card strong,.status-line strong{color:#f7f8fb;font-size:14px;line-height:1.2;display:block}.agent-row small,.call-row small,.call-card small,.call-card span,.status-line span,.rule-card span{color:#8b92a0;margin-top:5px;font-size:12px;display:block}.agent-row>span:last-child,.call-row>span,.call-row em{color:#dce1ea;font-size:13px;font-style:normal}.status-dot{background:#8b92a0;border-radius:50%;width:9px;height:9px}.status-dot.ready,.status-dot.waiting{background:#76e3a2;box-shadow:0 0 16px #76e3a285}.status-dot.on-call{background:#61dce4}.status-dot.paused{background:#f4d35e}.pie-wrap{height:210px;position:relative}.pie-center{pointer-events:none;place-items:center;display:grid;position:absolute;inset:78px 0 auto}.pie-center strong{color:#fff;font-size:34px;line-height:1}.pie-center span{color:#8b92a0;margin-top:5px;font-size:12px}.map-block{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;display:grid}.dot-map{grid-template-columns:repeat(22,1fr);align-content:center;gap:6px;min-height:210px;display:grid}.dot-map span{aspect-ratio:1;background:#caa4ff21;border-radius:50%;display:block}.dot-map span:nth-child(3n),.dot-map span:nth-child(7n){background:#caa4ff7a}.dot-map span:nth-child(11n){background:#61dce485}.state-table{gap:10px;display:grid}.state-table div{color:#aeb4c2;border-bottom:1px solid #ffffff13;justify-content:space-between;padding-bottom:10px;font-size:12px;display:flex}.state-table strong{color:#f8f9fb}.timer{color:#76e3a2;text-align:right;justify-items:end;gap:4px;font-size:30px;font-weight:700;line-height:1;display:grid}.timer small{color:#8b92a0;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:780}.dialer-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.dialer-controls button,.disposition-card button{color:#f5f7fb;cursor:pointer;background:#ffffff12;border:1px solid #ffffff17;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;transition:all .16s;display:inline-flex}.dialer-controls button:hover,.disposition-card button:hover{background:#76e3a21f;border-color:#76e3a270}.dialer-controls button:disabled,.disposition-card button:disabled{cursor:not-allowed;opacity:.48}.softphone-card{background:#ffffff0e;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;padding:12px;display:grid}.softphone-card strong,.softphone-card small,.softphone-card em{display:block}.softphone-card strong{color:#f7f8fb;font-size:16px}.softphone-card small{color:#8b92a0;overflow-wrap:anywhere;margin-top:4px;font-size:12px}.softphone-card em{color:#76e3a2;font-size:12px;font-style:normal}.compact-stack{margin-top:12px}.softphone-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.remote-audio{display:none}.event-feed{gap:8px;display:grid}.event-row{border-bottom:1px solid #fff1;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.event-row strong{color:#f7f8fb;text-transform:capitalize;font-size:13px}.event-row span{color:#8b92a0;white-space:nowrap;font-size:12px}.data-table{min-width:0;display:grid;overflow-x:auto}.data-row{grid-template-columns:repeat(var(--column-count), minmax(120px, 1fr));border-bottom:1px solid #fff1;gap:12px;min-width:max-content;padding:12px 0;display:grid}.data-row span{color:#dce1ea;white-space:nowrap;font-size:13px}.data-row.header span{color:#8b92a0;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:780}.calls-log-panel{grid-column:1/-1;padding:18px}.calls-log-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.calls-log-title-block h2{color:#f7f8fb;margin:0;font-size:15px;font-weight:700}.calls-log-title-block span{color:#8b92a0;margin-top:4px;font-size:11px;display:block}.calls-log-toolbar{grid-template-columns:minmax(240px,300px) repeat(2,minmax(140px,168px));align-items:center;gap:10px;display:grid}.calls-log-search,.calls-log-toolbar select{background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;min-height:38px}.calls-log-search{color:#8b92a0;align-items:center;gap:10px;padding:0 12px;display:flex}.calls-log-search input,.calls-log-toolbar select{color:#f7f8fb;width:100%;min-height:36px;font:inherit;background:0 0;border:0;outline:none;font-size:12px}.calls-log-toolbar select{padding:0 10px}.calls-log-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.calls-log-metric{background:#ffffff0a;border:1px solid #ffffff16;border-radius:8px;min-width:0;padding:10px 12px}.calls-log-metric strong{color:#f7f8fb;font-size:18px;line-height:1;display:block}.calls-log-metric span{color:#8b92a0;margin-top:6px;font-size:11px;display:block}.calls-log-table{background:linear-gradient(145deg,#ffffff14,#ffffff08),repeating-radial-gradient(circle at 24px 24px,#ffffff06 0 1px,#0000 1px 10px),#0c0d13e0;border:1px solid #ffffff14;border-radius:10px;overflow-x:auto}.calls-log-row{grid-template-columns:var(--call-log-columns);border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;min-width:max-content;padding:10px 14px;display:grid}.calls-log-row:last-child{border-bottom:0}.calls-log-row:nth-child(2n):not(.calls-log-header){background:#ffffff09}.calls-log-row.is-live{background:linear-gradient(90deg,#76e3a214,#0000 45%),#ffffff08}.calls-log-header{z-index:1;background:linear-gradient(145deg,#ffffff0f,#ffffff06),#101118fa;position:sticky;top:0}.calls-log-header span{text-align:center;color:#c3c9d4;text-transform:uppercase;justify-self:center;font-size:11px;font-weight:700}.calls-log-cell,.calls-log-cell strong,.calls-log-cell small{min-width:0}.calls-log-cell{color:#e8ecf3;text-overflow:ellipsis;white-space:nowrap;text-align:center;justify-self:stretch;min-width:0;font-size:12px;overflow:hidden}.calls-log-cell strong{color:#f7f8fb;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:13px;display:block;overflow:hidden}.calls-log-cell small{color:#8b92a0;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-top:3px;font-size:11px;display:block;overflow:hidden}.calls-log-time{color:#cfd6e4;white-space:nowrap;font-size:12px}.calls-log-customer strong{margin-bottom:2px}.calls-log-status-stack{justify-items:stretch;gap:6px;display:grid}.calls-log-pill{color:#f7f8fb;white-space:nowrap;background:#ffffff14;border-radius:8px;justify-content:center;justify-self:stretch;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex}.calls-log-pill.tone-answered,.calls-log-pill.tone-completed{color:#76e3a2;background:#28a85b42}.calls-log-pill.tone-missed,.calls-log-pill.tone-failed,.calls-log-pill.tone-dead{color:#ff7f93;background:#c6315538}.calls-log-pill.tone-routing,.calls-log-pill.tone-ringing,.calls-log-pill.tone-received{color:#7fe4ff;background:#428fd533}.calls-log-pill.tone-live{color:#76e3a2;background:#28a85b3d}.calls-log-pill.tone-duration{color:#efe7ff;background:linear-gradient(135deg,#784af5d1,#4c35e1c7)}.calls-log-pill.tone-duration.is-live{box-shadow:inset 0 0 0 1px #76e3a238}.calls-log-pill.tone-billing{text-transform:capitalize}.calls-log-pill.tone-billable{color:#76e3a2;background:#28a85b38}.calls-log-pill.tone-non_billable{color:#ffd88a;background:#b670102e}.calls-log-pill.tone-pending{color:#7fe4ff;background:#428fd52e}.calls-log-pill.tone-revenue{color:#b7c2d9;background:#273352eb}.calls-log-pill.tone-disposition{color:#cfe4ff;background:#3a58946b}.calls-log-pill.tone-disposition.pending{color:#ffe08f;background:#f4d35e24}.calls-log-table-button{color:#e6ebf5;min-height:32px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-inline:auto;padding:0 10px;font-size:12px;display:inline-flex}.calls-log-table-button.notes{margin-bottom:6px}.calls-log-table-button:hover{background:#61dce41a;border-color:#61dce45c}.calls-log-muted{color:#7e8797;font-size:12px}.calls-log-notes-cell{text-align:center;min-width:0;display:block}.calls-log-notes-cell small{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.inline-notice{color:#bce9ce;background:#76e3a214;border:1px solid #76e3a22e;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px}.inline-notice.warning{color:#ffe08f;background:#f4d35e14;border-color:#f4d35e3d}.recording-toolbar{grid-template-columns:minmax(260px,1fr) minmax(160px,auto);align-items:center;gap:10px;margin-bottom:14px;display:grid}.recording-toolbar label{color:#8b92a0;background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:9px;min-width:0;min-height:42px;padding:0 12px;display:flex}.recording-toolbar input,.recording-toolbar select{color:#f7f8fb;width:100%;min-width:0;min-height:40px;font:inherit;background:0 0;border:0;outline:none}.recording-toolbar select{background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;padding:0 12px}.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.recording-card{background:linear-gradient(135deg,#caa4ff16,#ffffff09),#ffffff09;border:1px solid #ffffff16;border-radius:8px;gap:14px;min-width:0;padding:14px;display:grid}.recording-card-head{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.recording-icon{color:#76e3a2;background:#76e3a21a;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.recording-card strong,.recording-card small,.recording-card em,.recording-card span{min-width:0}.recording-card strong{color:#f8f9fb;overflow-wrap:anywhere;font-size:15px;line-height:1.25;display:block}.recording-card small,.recording-card-foot,.recording-file-path{color:#98a0ad;overflow-wrap:anywhere;font-size:12px}.recording-card em{color:#76e3a2;text-transform:capitalize;white-space:nowrap;font-size:12px;font-style:normal}.recording-meta-grid,.report-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}.report-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.recording-meta-grid .status-line,.report-kpi-strip .status-line{min-height:44px;padding:8px 0}.recording-card audio{width:100%;height:34px}.recording-file-path{background:#00000024;border:1px solid #ffffff12;border-radius:8px;margin:0;padding:10px 12px}.recording-card-foot{flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:2px;display:flex}.action-list{gap:10px;display:grid}.action-row{border-bottom:1px solid #fff1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px 0;display:grid}.action-row strong,.action-row span{display:block}.action-row strong{color:#f7f8fb;font-size:14px}.action-row span,.permission-hint{color:#8b92a0;margin-top:5px;font-size:12px}.action-row>div:last-child,.status-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.action-row button,.compact-form button,.panel-action-button{color:#f5f7fb;cursor:pointer;background:#ffffff12;border:1px solid #ffffff17;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 11px;display:inline-flex}.action-row button:hover,.compact-form button:hover,.panel-action-button:hover{background:#76e3a21f;border-color:#76e3a270}.compact-form{gap:10px;display:grid}.compact-form.inline-form{grid-template-columns:minmax(150px,.8fr) minmax(220px,1.5fr) auto;align-items:center;margin-bottom:14px}.compact-form.simulator-form{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-form.lifecycle-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;margin-bottom:14px}.compact-form.transfer-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto}.compact-form input,.compact-form select{color:#f6f7fb;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;outline:0;width:100%;min-height:40px;padding:0 12px}.compact-form select option{color:#16171d}.compact-form input:disabled,.compact-form select:disabled,.compact-form button:disabled{cursor:not-allowed;opacity:.55}.compact-form .checkbox-line{color:#c4c8d2;align-items:center;gap:8px;min-height:40px;font-size:12px;display:inline-flex}.compact-form .checkbox-line input{width:auto;min-height:auto}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form label,.profile-form .profile-form-full{gap:6px;display:grid}.profile-form label>span,.field-label{color:#8f96a4;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:760}.profile-form-full{grid-column:1/-1}.profile-form-actions{grid-column:1/-1;justify-content:flex-start;margin-top:4px}.profile-panel{overflow:visible}.multi-select{width:min(100%,380px);position:relative}.multi-select-trigger{color:#f6f7fb;width:100%;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.multi-select-trigger:hover{background:#76e3a214;border-color:#76e3a270}.multi-select-trigger span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;line-height:1.35;overflow:hidden}.multi-select-dropdown{z-index:25;background:#0e0f15fa;border:1px solid #ffffff1a;border-radius:10px;gap:4px;width:min(380px,100vw - 56px);min-width:300px;max-height:420px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 18px 48px #00000057}.multi-select-option{color:#dfe3ec;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13px;display:flex}.multi-select-option:hover{background:#76e3a214;border-color:#76e3a23d}.multi-select-option.selected{color:#bff4d5;background:#76e3a21f;border-color:#76e3a25c}.multi-select-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.multi-select-option-check{color:#0000;background:#ffffff0f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.multi-select-option.selected .multi-select-option-check{color:#76e3a2;background:#76e3a224}.permission-hint{margin-top:12px;line-height:1.5}.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.flow-steps div{background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;min-height:104px;padding:14px}.flow-steps strong{color:#caa4ff;font-size:13px;display:block}.flow-steps span{color:#f6f7fb;margin-top:18px;font-size:14px;display:block}.notes-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px;display:grid}.notes-grid textarea,.disposition-card select{color:#f6f7fb;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;width:100%}.notes-grid textarea{resize:vertical;outline:0;min-height:150px;padding:14px}.disposition-card{align-content:start;gap:12px;display:grid}.disposition-card label{color:#8b92a0;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:780}.disposition-card .checkbox-line{color:#c4c8d2;letter-spacing:0;text-transform:none;align-items:center;gap:8px;font-weight:520;display:inline-flex}.disposition-card select{min-height:44px;padding-inline:12px}.rule-card{align-content:center;min-height:142px;display:grid}.rule-card strong{color:#f7f8fb;font-size:18px;line-height:1.35}.status-grid{flex-wrap:wrap;gap:8px;display:flex}.status-grid span{color:#dce1ea;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:32px;padding-inline:11px;font-size:12px;display:inline-flex}.invoice-showcase{align-content:start}.invoice-generate-form{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:16px;display:grid}.invoice-generate-form input{color:#f6f7fb;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;min-height:40px;padding:0 12px}.invoice-generate-form button{color:#dff8e8;cursor:pointer;background:#76e3a21f;border:1px solid #76e3a242;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding-inline:13px;display:inline-flex}.invoice-generate-form .checkbox-line{color:#c4c8d2;align-items:center;gap:8px;font-size:12px;display:inline-flex}.invoice-generate-form .checkbox-line input{background:0 0;border:0;width:auto;min-height:auto;padding:0}.invoice-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.invoice-actions button{color:#f4edff;cursor:pointer;background:#caa4ff21;border:1px solid #caa4ff61;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding-inline:13px;display:inline-flex}.invoice-actions span{color:#8b92a0;font-size:12px}.invoice-document{background:repeating-radial-gradient(circle at 93% 6%,#ffffff0e 0 1px,#0000 1px 14px),linear-gradient(135deg,#ffffff16,#ffffff03 40%,#caa4ff0f),#090a0e;border:1px solid #ffffff1f;border-radius:8px;gap:22px;margin-top:14px;padding:clamp(20px,3vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000057}.invoice-document:before{pointer-events:none;content:"";opacity:.45;background:linear-gradient(90deg,#0000,#ffffff09,#0000);position:absolute;inset:0}.invoice-document>*{position:relative}.invoice-document-head{grid-template-columns:minmax(230px,1.35fr) minmax(130px,.62fr) minmax(130px,.62fr) minmax(160px,.78fr);align-items:start;gap:clamp(18px,3vw,34px);display:grid}.invoice-heading-block{gap:16px;min-width:0;display:grid}.invoice-logo-wordmark{align-items:center;gap:10px;min-width:0;display:inline-flex}.invoice-logo-wordmark svg{color:#60f0aa;flex:none}.invoice-logo-wordmark strong{color:#f9fafb;overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.2}.invoice-heading-block h2{color:#0000;background:linear-gradient(90deg,#caa4ff 0%,#8aa7ff 38%,#67e8f9 63%,#76e3a2 100%);letter-spacing:0;-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;margin:14px 0 0;font-size:clamp(36px,6vw,56px);font-weight:900;line-height:.92}.invoice-heading-block p{color:#9ba2ae;margin:0;font-size:14px}.invoice-meta-grid{color:#f7f8fb;gap:7px;min-width:0;font-size:14px;display:grid}.invoice-meta-grid span{color:#9ba2ae;overflow-wrap:anywhere;font-size:13px}.invoice-meta-grid strong{color:#f8f9fb;overflow-wrap:anywhere;margin-bottom:9px;font-size:14px;line-height:1.3}.invoice-total-card{background:linear-gradient(135deg,#caa4ff1c,#ffffff0a);border:1px solid #caa4ff7a;border-radius:8px;gap:8px;min-width:0;padding:20px;display:grid}.invoice-total-card span{color:#c5cad4;font-size:16px}.invoice-total-card strong{color:#76e3a2;overflow-wrap:anywhere;font-size:clamp(30px,4vw,42px);line-height:1}.invoice-total-card small{color:#f7f8fb;font-size:14px}.invoice-party-panel{background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:22px 26px;display:grid}.invoice-party{gap:14px;min-width:0;display:grid}.invoice-party.from{border-left:1px solid #ffffff1a;padding-left:24px}.invoice-party>span{color:#9ba2ae;font-size:13px}.invoice-party>div{align-items:center;gap:16px;min-width:0;display:flex}.invoice-avatar{color:#16121e;background:linear-gradient(135deg,#caa4ff,#e2c7ff);border-radius:8px;flex:none;place-items:center;width:62px;height:62px;font-size:17px;font-weight:850;display:grid}.invoice-avatar.signal{color:#60f0aa;background:#76e3a21f}.invoice-party p,.invoice-notes p{min-width:0;margin:0}.invoice-party b{color:#f8f9fb;overflow-wrap:anywhere;font-size:17px;line-height:1.25;display:block}.invoice-party small{color:#a1a7b3;overflow-wrap:anywhere;margin-top:5px;font-size:13px;display:block}.invoice-table-card{background:#02030742;border:1px solid #ffffff17;border-radius:8px;overflow-x:auto}.invoice-table-row{border-bottom:1px solid #ffffff13;grid-template-columns:minmax(320px,1fr) minmax(84px,.22fr) minmax(84px,.22fr) minmax(96px,.25fr);gap:20px;min-width:720px;padding:15px 24px;display:grid}.invoice-table-row.header{background:linear-gradient(#ffffff0e,#ffffff04)}.invoice-table-row.header span{color:#9ca3af;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:820}.invoice-table-row>span{color:#f1f4f8;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:13px}.invoice-table-row>span:first-child{text-align:left}.invoice-description{gap:6px;padding-left:14px;display:grid;position:relative}.invoice-description:before{content:"";background:linear-gradient(#caa4ff,#67e8f9,#76e3a2);border-radius:8px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.invoice-description b{color:#f8f9fb;font-size:14px}.invoice-description small{color:#bec5d0;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.invoice-table-summary{gap:0;width:min(420px,100% - 48px);margin:2px 24px 0 auto;padding-bottom:4px;display:grid}.invoice-table-summary .status-line{border-bottom:1px solid #ffffff13;min-height:42px;padding:10px 0}.invoice-table-summary .status-line:last-child{background:#ffffff0a;border:1px solid #ffffff13;border-radius:8px;margin-top:8px;padding:13px 16px}.invoice-table-summary .status-line:last-child strong,.invoice-table-summary .status-line:nth-child(2) strong{color:#76e3a2}.invoice-document-foot{grid-template-columns:minmax(280px,1fr) minmax(360px,.92fr);align-items:end;gap:24px;display:grid}.invoice-notes{gap:12px;min-width:0;display:grid}.invoice-notes>strong{color:#76e3a2;font-size:13px}.invoice-notes>span{color:#a8aeba;font-size:13px}.invoice-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:14px;display:grid}.invoice-note-grid p{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;display:grid}.invoice-note-grid svg{color:#76e3a2;background:#76e3a21a;border:1px solid #caa4ff47;border-radius:8px;place-items:center;width:44px;height:44px;padding:12px;display:grid}.invoice-note-grid p:first-child svg{color:#f4edff;background:#caa4ff2e}.invoice-note-grid b,.invoice-note-grid small{overflow-wrap:anywhere;display:block}.invoice-note-grid b{color:#f8f9fb;font-size:13px}.invoice-note-grid small{color:#a2a9b5;margin-top:5px;font-size:12px;line-height:1.35}.invoice-payment-panel{grid-template-columns:minmax(0,1fr) 128px;gap:10px;min-width:0;display:grid}.invoice-payment-panel>div{background:#ffffff09;border:1px solid #ffffff17;border-radius:8px;min-width:0;padding:18px}.invoice-payment-panel span,.invoice-payment-panel small{color:#b9bfca;font-size:13px}.payment-badges{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.payment-badges b{color:#f7f8fb;background:#ffffff12;border-radius:8px;align-items:center;gap:5px;min-height:34px;padding:0 13px;font-size:13px;display:inline-flex}.invoice-qr{place-items:center;gap:6px;display:grid}.invoice-qr svg{color:#0a0b0f;background:#f8fafc;border-radius:8px;padding:6px}.invoice-run-summary{background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;padding:14px}.invoice-run-summary strong{font-size:26px}.invoice-run-summary strong,.invoice-card strong{color:#f8f9fb;display:block}.invoice-run-summary span,.invoice-card small,.invoice-card span{color:#8b92a0;font-size:12px;display:block}.invoice-card-list{gap:10px;margin-top:12px;display:grid}.invoice-card{text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;gap:6px;width:100%;padding:12px;display:grid}.invoice-card.active{background:#caa4ff1f;border-color:#caa4ff75}.invoice-card em{color:#76e3a2;font-size:15px;font-style:normal;font-weight:780}.login-screen{background:linear-gradient(#07080bd6,#07080bf5),linear-gradient(135deg,#79e9b217,#0000 34%),linear-gradient(225deg,#c5a1ff1f,#0000 36%),#050507;place-items:center;min-height:100svh;padding:32px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";opacity:.55;pointer-events:none;background:repeating-radial-gradient(circle at 14%,#ffffff0b 0 1px,#0000 1px 22px),linear-gradient(90deg,#ffffff05,#0000 22% 78%,#ffffff05);position:fixed;inset:0}.login-screen:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 62%,#76e3a20a 62% 63%,#0000 63% 100%),linear-gradient(300deg,#0000 0 68%,#c193ff0f 68% 69%,#0000 69% 100%);position:fixed;inset:0}.auth-shell{z-index:1;grid-template-columns:minmax(300px,.92fr) minmax(360px,.78fr);align-items:stretch;gap:24px;width:min(1120px,100%);display:grid;position:relative}.auth-shell-signup{grid-template-columns:minmax(300px,.78fr) minmax(420px,1fr)}.auth-showcase,.login-panel{color:#fff;background:linear-gradient(145deg,#ffffff12,#ffffff06),repeating-radial-gradient(circle at 0,#ffffff0b 0 1px,#0000 1px 22px),#0c0d13e0;border:1px solid #ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 26px 80px #00000057,inset 0 1px #ffffff14}.auth-showcase{flex-direction:column;justify-content:space-between;min-height:640px;padding:34px;display:flex}.auth-showcase:after,.login-panel:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 16% 84%,#ffffff05),linear-gradient(115deg,#76e3a214,#0000 28%),linear-gradient(290deg,#c8a6ff1a,#0000 30%);position:absolute;inset:0}.auth-showcase-header,.auth-showcase-copy,.auth-showcase-grid,.login-mark,.auth-form-kicker,.login-panel h1,.auth-form-copy,.signup-grid,.field,.login-options,.login-button,.login-error,.login-success,.register-link{z-index:1;position:relative}.auth-mark{color:#f3f6fb;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;min-height:42px;padding:0 16px;font-size:14px;font-weight:720;display:inline-flex}.auth-mark svg{color:#76e3a2}.auth-kicker{color:#ffffff9e;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.auth-showcase-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-showcase-copy{gap:16px;max-width:460px;display:grid}.auth-caption{color:#76e3a2;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:13px;font-weight:760}.auth-showcase-copy h1{letter-spacing:0;background:linear-gradient(90deg,#b990ff 0%,#78d3ff 48%,#76e3a2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,7vw,88px);line-height:.94}.auth-description{color:#e8ecf4b8;max-width:420px;margin:0;font-size:15px;line-height:1.65}.auth-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.auth-showcase-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;gap:8px;min-height:112px;padding:18px 18px 20px;display:grid}.auth-showcase-card span{color:#e9edf49e;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.auth-showcase-card strong{color:#f8f9fc;align-self:end;font-size:18px;font-weight:760}.login-panel{width:min(440px,100%);padding:36px 38px 34px}.auth-form-panel{align-self:center}.signup-panel{width:100%}.signup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.login-mark{color:#0e1218;background:linear-gradient(135deg,#c7a2ff,#76e3a2);border:1px solid #ffffff14;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 14px;font-weight:850;display:grid;box-shadow:inset 0 1px #ffffff4d}.auth-form-kicker{color:#76e3a2;letter-spacing:.18em;text-align:center;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:760}.login-panel h1{color:#fff;text-align:center;letter-spacing:0;margin:0 0 10px;font-size:34px;line-height:1}.auth-form-copy{color:#e8ecf4b3;text-align:center;margin:0 0 24px;font-size:14px;line-height:1.6}.field{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;min-height:50px;margin-bottom:14px;padding:0 16px;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex}.field:focus-within{background:#fff1;border-color:#76e3a275;box-shadow:0 0 0 1px #76e3a224}.field svg{color:#e8ecf49e}.field input,.field select{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:14px}.field select{appearance:none;min-height:48px}.field select option{color:#16171d}.field input::placeholder{color:#ffffffb8}.login-options{color:#ffffffd6;justify-content:space-between;gap:12px;margin:2px 0 18px;font-size:12px;display:flex}.login-options label{align-items:center;gap:6px;display:inline-flex}.login-options a{color:#dbe0eb}.login-button{color:#091016;cursor:pointer;background:linear-gradient(90deg,#f4f7fc,#dffde8);border:0;border-radius:14px;width:100%;min-height:50px;font-weight:780;box-shadow:0 18px 34px #76e3a22e}.login-button:disabled{cursor:progress;opacity:.72}.login-error{color:#ffe08f;text-align:center;margin:12px 0 0;font-size:12px}.login-success{color:#a8ffc7;text-align:center;margin:12px 0 0;font-size:12px}.register-link{color:#ffffffdb;text-align:center;margin:18px 0 0;font-size:12px}.register-link a{color:#fff;font-weight:800}.auth-loading{grid-template-columns:minmax(0,460px);place-content:center;padding:22px;display:grid}@media (width<=1180px){.auth-shell,.auth-shell-signup{grid-template-columns:minmax(0,1fr);width:min(760px,100%)}.auth-showcase{gap:28px;min-height:0}.auth-showcase-copy h1{font-size:clamp(42px,10vw,72px)}.login-panel{width:100%}.dashboard-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0;height:auto;padding:14px;position:static}.sidebar-nav{gap:12px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.sidebar-nav section{align-items:center;gap:6px;display:flex}.sidebar-nav p{white-space:nowrap;margin:0 8px 0 0}.sidebar-nav a{min-width:max-content}.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-panel,.calendar-panel,.installs-panel,.agent-panel,.age-panel,.map-panel,.dialer-panel,.calls-panel,.wide-panel,.calls-log-panel{grid-column:span 6}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-document-head{grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr)}.invoice-total-card{max-width:280px}}@media (width<=720px){.login-screen{padding:18px}.auth-showcase{padding:24px}.auth-showcase-header{flex-direction:column;align-items:flex-start}.login-panel{padding:26px 22px 24px}.workspace{padding:14px}.topbar-actions{flex-wrap:wrap}.profile-pill{min-width:100%}.profile-menu-trigger{width:52px;min-width:52px;height:52px;min-height:52px}.metric-strip,.dashboard-grid,.split-number,.map-block,.auth-showcase-grid,.invoice-document-head,.invoice-party-panel,.invoice-document-foot,.invoice-note-grid,.invoice-payment-panel,.invoice-generate-form,.recording-toolbar,.recording-grid,.recording-meta-grid,.recording-modal-summary,.report-kpi-strip,.dialer-controls,.disposition-required-banner,.disposition-options,.calls-log-metrics,.notes-grid,.flow-steps,.signup-grid{grid-template-columns:1fr}.calls-log-head,.calls-log-toolbar,.modal-actions,.recording-player-controls{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.profile-form{grid-template-columns:1fr}.revenue-panel,.calendar-panel,.installs-panel,.agent-panel,.age-panel,.map-panel,.dialer-panel,.calls-panel,.wide-panel{grid-column:span 1}.panel{padding:16px}.panel-title{flex-direction:column;align-items:flex-start}.panel-title-timer{align-items:flex-start}.invoice-document{overflow-x:hidden}.invoice-party.from{border-top:1px solid #ffffff1a;border-left:0;padding-top:20px;padding-left:0}.invoice-table-summary{width:auto;margin-inline:16px}.invoice-payment-panel{gap:12px}.split-number strong,.large-number{font-size:32px}.call-row,.status-line,.action-row,.compact-form.inline-form,.compact-form.simulator-form,.compact-form.lifecycle-form{grid-template-columns:1fr}.action-row>div:last-child,.status-actions{justify-content:flex-start}}.audit-tabs{flex-wrap:wrap;gap:8px;margin:4px 0 16px;display:flex}.audit-tab{color:#aab0bd;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 14px;display:inline-flex}.audit-tab:hover{color:#f5f7fb;border-color:#ffffff29}.audit-tab.active{color:#08090c;background:#76e3a2;border-color:#0000}.audit-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.audit-search{color:#8b92a0;background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;flex:260px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.audit-search input{color:#f7f8fb;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none}.audit-toolbar select{color:#f7f8fb;min-height:42px;font:inherit;background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;outline:none;padding:0 12px}.audit-ended-tag{color:#8b92a0;background:#ffffff0b;border-radius:8px;align-items:center;min-height:36px;padding:0 11px;font-size:12px;display:inline-flex}.disposition-required-banner{background:linear-gradient(135deg,#f4d35e1f,#caa4ff14),#ffffff0b;border:1px solid #f4d35e52;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:grid}.disposition-required-banner strong,.disposition-required-banner span{display:block}.disposition-required-banner strong{color:#fff1a9;font-size:14px}.disposition-required-banner span{color:#aeb4c2;margin-top:5px;font-size:12px}.disposition-required-banner button{color:#fff5bd;cursor:pointer;background:#f4d35e1f;border:1px solid #f4d35e5c;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}.disposition-required-banner button:hover{color:#d5ffdf;background:#76e3a21f;border-color:#76e3a270}.ringtone-enable-banner{background:linear-gradient(135deg,#61dce41f,#66e6c012),#ffffff0b;border:1px solid #61dce452;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:grid}.ringtone-enable-banner strong,.ringtone-enable-banner span{display:block}.ringtone-enable-banner strong{color:#c7f7fb;font-size:14px}.ringtone-enable-banner span{color:#aeb4c2;margin-top:5px;font-size:12px}.ringtone-enable-banner button{color:#d5fbff;cursor:pointer;background:#61dce41f;border:1px solid #61dce45c;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}.ringtone-enable-banner button:hover{color:#d5ffdf;background:#76e3a21f;border-color:#76e3a270}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040508b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.disposition-modal-overlay{align-items:start;padding-top:44px}.disposition-modal-overlay .modal-card{width:min(820px,100%)}.modal-card{background:linear-gradient(150deg,#caa4ff14,#ffffff05),#0c0d12;border:1px solid #ffffff1a;border-radius:14px;width:min(560px,100%);max-height:calc(100svh - 48px);padding:22px;overflow-y:auto;box-shadow:0 24px 64px #0000008c}.modal-subtitle{color:#8b92a0;margin:2px 0 14px;font-size:13px}.disposition-form{gap:14px;display:grid}.disposition-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.disposition-option{color:#f7f8fb;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fff1,#ffffff06),#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:0 14px;font-weight:650;transition:all .16s}.disposition-option:hover:not(:disabled){color:#d7fbff;background:#61dce41a;border-color:#61dce45c}.disposition-option.selected{color:#c5f8d9;background:linear-gradient(135deg,#76e3a22e,#caa4ff1f),#ffffff0e;border-color:#76e3a285;box-shadow:inset 0 0 0 1px #76e3a22e}.disposition-form>button{color:#08090c;cursor:pointer;background:#76e3a2;border:0;border-radius:8px;min-height:44px;font-weight:600}.disposition-form>button:disabled,.disposition-option:disabled{opacity:.5;cursor:not-allowed}.disposition-customer-block{border-top:1px solid #ffffff14;margin-top:18px;padding-top:18px}.disposition-customer-fields{padding-top:0}.disposition-customer-fields .console-customer-field{background:#ffffff08}.agency-buffers-toolbar{margin-bottom:16px}.agency-buffers-list{gap:12px}.agency-buffer-row{align-items:center;gap:16px}.agency-buffer-summary{gap:4px;min-width:0;display:grid}.agency-buffer-summary span{color:#8b92a0;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.agency-buffer-form{grid-template-columns:minmax(140px,180px) minmax(170px,220px) auto;align-items:end;gap:12px;display:grid}.agency-buffer-form label{gap:6px;display:grid}.agency-buffer-form label span{color:#8f96a4;text-transform:uppercase;font-size:11px;font-weight:760}.agency-buffer-form input{color:#f7f8fb;min-height:42px;font:inherit;background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;outline:none;padding:0 12px}.agency-buffer-form input:focus{border-color:#76e3a266;box-shadow:0 0 0 1px #76e3a229}.agency-buffer-form button{min-height:42px;padding:0 16px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-primary-button,.modal-secondary-button{min-height:42px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.modal-primary-button{color:#08100d;background:#76e3a2;border:0}.modal-secondary-button{color:#e8ecf3;background:#ffffff0b;border:1px solid #ffffff1a}.call-notes-modal-input{color:#f7f8fb;width:100%;min-height:180px;font:inherit;resize:vertical;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;outline:none;margin-top:10px;padding:14px}.call-recording-modal{width:min(760px,100%)}.recording-modal-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.recording-player{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;gap:12px;margin-top:16px;padding:16px;display:grid}.recording-player input[type=range]{width:100%}.recording-player-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.recording-player-meta strong,.recording-player-meta span{color:#f7f8fb;font-size:13px}.recording-player-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recording-player-controls select,.player-control-button{color:#eef2f8;min-height:40px;font:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px}.recording-player-controls select{padding:0 12px}.player-control-button{cursor:pointer;justify-content:center;align-items:center;width:42px;padding:0;display:inline-flex}.player-control-button.primary{color:#08100d;background:#76e3a2;border-color:#0000}.recording-volume{color:#e8ecf3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:inline-flex}.recording-volume input{width:90px}.call-notes-pad{color:#f7f8fb;width:100%;min-height:120px;font:inherit;resize:vertical;background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;outline:none;margin-top:12px;padding:12px}.floating-panel{z-index:55;background:linear-gradient(150deg,#caa4ff12,#ffffff05),#0b0c11;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;min-width:260px;display:flex;position:fixed;overflow:hidden;box-shadow:0 22px 60px #0000008c}.floating-panel-head{cursor:grab;touch-action:none;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.floating-panel-head:active{cursor:grabbing}.floating-panel-title{align-items:baseline;gap:8px;min-width:0;display:flex}.floating-panel-title strong{color:#f7f8fb;font-size:13px}.floating-panel-title span{color:#8b92a0;font-size:11px}.floating-panel-actions{gap:6px;display:flex}.floating-panel-actions button{color:#d6dae3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;place-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:grid}.floating-panel-actions button:hover:not(:disabled){background:#76e3a21f;border-color:#76e3a266}.floating-panel-actions button:disabled{opacity:.4;cursor:not-allowed}.floating-panel-body{flex:1;min-height:0;padding:12px;overflow:auto}.floating-panel-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 50%,#ffffff59 50%);border-radius:0 0 10px;width:16px;height:16px;position:absolute;bottom:2px;right:2px}.floating-notes{color:#f7f8fb;width:100%;height:100%;min-height:140px;font:inherit;resize:none;background:0 0;border:0;outline:none}.floating-dialer{gap:12px;display:grid}.floating-ring-enable{color:#c7f7fb;background:#61dce414;border:1px solid #61dce43d;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.floating-ring-enable button{color:#d5fbff;cursor:pointer;background:#61dce41f;border:1px solid #61dce457;border-radius:7px;min-height:30px;padding:0 10px}.floating-dialer-call{gap:2px;display:grid}.floating-dialer-call span{color:#8b92a0;font-size:11px}.floating-dialer-call strong{color:#f7f8fb;font-size:15px}.floating-dialer-call small{color:#8b92a0;font-size:12px}.floating-dialer-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.floating-dialer-controls button{color:#f5f7fb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:12px;display:inline-flex}.floating-dialer-controls button:disabled{opacity:.45;cursor:not-allowed}.floating-dialer-open{color:#08090c;cursor:pointer;background:#76e3a2;border:0;border-radius:8px;min-height:36px;font-weight:600}.floating-launcher{z-index:54;color:#f5f7fb;cursor:pointer;background:#0c0d12eb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 32px #00000073}.floating-launcher:hover{border-color:#76e3a266}.dialer-console{--accent:#76e3a2;--accent-soft:#76e3a224;background:radial-gradient(circle at 0% 0%, var(--accent-soft), transparent 42%), #ffffff06;border:1px solid #ffffff14;border-radius:12px;gap:16px;padding:18px;display:grid}.dialer-console.status-on_call,.dialer-console.status-ringing{--accent:#61dce4;--accent-soft:#61dce429}.dialer-console.status-after_call_work,.dialer-console.status-parked,.dialer-console.status-paused{--accent:#f4d35e;--accent-soft:#f4d35e29}.dialer-console.status-offline,.dialer-console.status-logged_out{--accent:#8b92a0;--accent-soft:#8b92a024}.console-head{justify-content:flex-start;align-items:center;gap:12px;display:flex}.status-chip{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:#f7f8fb;background:var(--accent-soft);text-transform:capitalize;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.status-chip.is-loading{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent-soft) 88%, #ffffff0d)}.status-orb{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.dialer-console.status-on_call .status-orb,.dialer-console.status-ringing .status-orb{animation:1.4s ease-in-out infinite orb-pulse}.status-spinner{animation:.85s linear infinite dialer-spin}@keyframes orb-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 8%, transparent)}}@keyframes dialer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.console-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:4px;display:grid}.control-cluster p{color:#727987;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.control-row{flex-wrap:wrap;gap:7px;display:flex}.ctrl{color:#eef0f4;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s,opacity .14s;display:inline-flex}.ctrl:hover:not(:disabled){background:#ffffff17;border-color:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff0a}.ctrl:active:not(:disabled),.ctrl.is-pending{background:#ffffff21;border-color:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff14}.ctrl:disabled{opacity:.4;cursor:not-allowed}.ctrl-ready:not(:disabled){color:#bff4d5;background:#76e3a21f;border-color:#76e3a266}.ctrl-accept:not(:disabled){color:#c2f3f6;background:#61dce41f;border-color:#61dce46b}.ctrl-end:not(:disabled){color:#ffc9c9;background:#f4787824;border-color:#f4787873}.console-customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px;display:grid}.console-customer-field{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.console-customer-field.notes{grid-column:1/-1}.console-customer-field span{color:#8f96a4;text-transform:uppercase;font-size:11px;font-weight:760}.console-customer-field strong{color:#f7f8fb;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.45}.console-customer-notes{color:#f7f8fb;width:100%;min-height:104px;font:inherit;resize:vertical;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 11px;font-size:13px;line-height:1.45}.console-customer-notes:focus{border-color:#76e3a266;box-shadow:0 0 0 1px #76e3a229}@media (width<=900px){.console-controls{grid-template-columns:1fr}.console-customer-fields{grid-template-columns:1fr 1fr}}.dialer-grid .dl-console{order:1;grid-column:1/-1}.dialer-grid .dl-threeway{order:2;grid-column:span 7}.dialer-grid .dl-notes{order:3;grid-column:span 5}.dialer-grid .dl-events{order:4;grid-column:1/-1}.customer-live-card{gap:14px;display:grid}.customer-profile-card{background:radial-gradient(circle at 0 0,#66e6c021,#0000 45%),#ffffff09;border:1px solid #ffffff17;border-radius:8px;gap:14px;padding:16px;display:grid}.customer-profile-main{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:13px;display:grid}.customer-avatar{color:#15121e;background:linear-gradient(135deg,#c894ff,#66e6c0);border-radius:8px;place-items:center;width:56px;height:56px;font-size:16px;font-weight:800;display:grid}.customer-profile-main div{gap:3px;min-width:0;display:grid}.customer-profile-main span{color:#80e9c8;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:760}.customer-profile-main strong,.customer-profile-main small{overflow-wrap:anywhere}.customer-profile-main strong{color:#f4f1f7;font-size:20px;line-height:1.1}.customer-profile-main small{color:#97929f;font-size:13px}.customer-profile-badges{flex-wrap:wrap;gap:8px;display:flex}.customer-profile-badges span{color:#80e9c8;text-transform:capitalize;background:#66e6c014;border:1px solid #66e6c038;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.customer-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.customer-priority-tile{background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;align-content:start;gap:4px;min-height:82px;padding:12px;display:grid}.customer-priority-tile svg{color:#66e6c0}.customer-priority-tile span{color:#8e95a4;text-transform:uppercase;font-size:11px;font-weight:700}.customer-priority-tile strong{color:#f7f8fb;overflow-wrap:anywhere;font-size:13px;line-height:1.3}.customer-section-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;gap:10px;padding:13px 14px;display:grid}.customer-section-title{color:#80e9c8;letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:760;display:inline-flex}.customer-section-title svg{flex:none}.customer-address-summary{color:#f0f4f2;overflow-wrap:anywhere;background:#66e6c00b;border:1px solid #66e6c01a;border-radius:7px;margin:0;padding:10px 11px;font-size:13px;line-height:1.45}.customer-detail-grid{gap:0;display:grid}.customer-detail-grid .status-line{min-height:34px;padding-block:7px}.customer-detail-grid .status-line strong{overflow-wrap:anywhere;text-align:right;max-width:58%;line-height:1.35}.customer-comments{background:#ca94ff0b;border:1px solid #ca94ff24;border-radius:8px;gap:8px;padding:12px 14px;display:grid}.customer-comments span{color:#80e9c8;letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:760;display:inline-flex}.customer-comments strong{color:#f7f8fb;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.customer-empty-state{color:#8f8998;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:250px;padding:28px;display:grid}.customer-empty-state svg{color:#66e6c0}.customer-empty-state strong{color:#e7e2eb}.customer-empty-state span{max-width:280px;font-size:12px;line-height:1.55}@media (width<=560px){.customer-priority-grid{grid-template-columns:1fr}.customer-detail-grid .status-line{align-items:flex-start;gap:4px}.customer-detail-grid .status-line strong{text-align:left;max-width:100%}}@media (width<=1100px){.dialer-grid .dl-console,.dialer-grid .dl-events,.dialer-grid .dl-threeway,.dialer-grid .dl-notes{grid-column:1/-1}.agency-buffer-row{align-items:stretch}.agency-buffer-form{grid-template-columns:1fr}}@media (width<=700px){.console-customer-fields{grid-template-columns:1fr}}.outbound-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.outbound-form label{gap:6px;display:grid}.outbound-form label span{color:#8b92a0;font-size:12px}.outbound-form input{color:#f7f8fb;min-height:44px;font:inherit;background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;outline:none;padding:0 12px}.outbound-form button{color:#08090c;cursor:pointer;background:#76e3a2;border:0;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:600;display:inline-flex}.outbound-form button:disabled{opacity:.5;cursor:not-allowed}.pagination{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.pagination-summary{color:#8b92a0;font-size:12px}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-page{color:#c4c8d2;text-align:center;min-width:52px;font-size:12px}.pagination-controls button{color:#f5f7fb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;min-height:32px;padding:0 12px;font-size:12px}.pagination-controls button:hover:not(:disabled){background:#76e3a21f;border-color:#76e3a266}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}
