:root{--navy:#182234;--navy-2:#202c41;--paper:#f4f5f7;--white:#fff;--text:#182033;--muted:#7c8595;--line:#e5e8ed;--accent:#ff735c;--blue:#4b7eff;--green:#24a877;--violet:#8567dd;--amber:#d99427;--shadow:0 14px 35px rgba(35,43,58,.08);font-family:"Manrope",sans-serif;color:var(--text);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}.logo{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--navy);font-weight:700;font-size:20px;letter-spacing:-.04em}.logo .brand-symbol{display:grid;place-items:center;width:26px;height:30px;color:var(--accent)}.brand-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logo-light{color:white}.overline,.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.46)}.eyebrow.dark{color:#8a93a1}.accent{color:var(--accent)}

/* Custom selects */
[hidden]{display:none!important}
.custom-select{position:relative;min-width:180px}
.native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.custom-select-button{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 12px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#3f4958;font-size:10px;text-align:left;white-space:nowrap}
.custom-select-button:hover,.custom-select.open .custom-select-button{border-color:#abb4c0;background:#fff}
.custom-select-button:disabled{cursor:not-allowed;background:#f2f4f6;color:#919aa6;border-color:#e3e6ea}
.custom-select-button i{width:7px;height:7px;border-right:1.5px solid #7f8997;border-bottom:1.5px solid #7f8997;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease;flex:0 0 auto}
.custom-select.open .custom-select-button i{transform:rotate(225deg) translate(-2px,-1px)}
.custom-select-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:100;display:none;min-width:100%;width:max-content;max-width:280px;padding:6px;background:#fff;border:1px solid #e0e3e8;border-radius:12px;box-shadow:0 14px 35px rgba(23,31,44,.15)}
.custom-select.open .custom-select-menu{display:block;animation:selectIn .13s ease-out}
.custom-select-option{width:100%;min-width:150px;height:36px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:#fff;color:#3f4856;padding:0 31px 0 10px;font-size:10px;text-align:left;white-space:nowrap;position:relative}
.custom-select-option:hover{background:#f3f5f7}
.custom-select-option.selected{background:#f0f2f5;color:var(--text);font-weight:700}
.custom-select-option.selected:after{content:"✓";position:absolute;right:10px;color:var(--accent);font-size:11px}
.custom-select-option:disabled{opacity:.45;cursor:default}
@keyframes selectIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Login */
.auth-page{background:#eef0f3}.auth-shell{display:grid;grid-template-columns:minmax(390px,46%) 1fr;min-height:100vh}.auth-aside{position:relative;overflow:hidden;padding:46px 58px;display:flex;flex-direction:column;justify-content:space-between;background:var(--navy);color:white}.auth-aside:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-280px;top:8%}.auth-aside:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,115,92,.2);border-radius:50%;right:-175px;top:21%}.auth-aside>*{position:relative;z-index:1}.auth-message{margin:auto 0;max-width:500px}.auth-message h1{font-size:clamp(44px,5vw,72px);line-height:1.04;letter-spacing:-.065em;margin:22px 0}.auth-message p:last-child{max-width:390px;color:#aab2c0;line-height:1.7;font-size:15px}.auth-status{display:flex;gap:10px;align-items:center;color:#98a2b1;font-size:12px}.auth-status i,.work-state i{width:7px;height:7px;background:#43cf8f;border-radius:50%;box-shadow:0 0 0 5px rgba(67,207,143,.1)}.auth-form-side{display:flex;align-items:center;justify-content:center;position:relative;padding:40px}.login-card{width:min(420px,100%)}.mobile-logo{display:none}.login-card h2{font-size:38px;letter-spacing:-.05em;margin:12px 0 8px}.form-intro{font-size:14px;color:var(--muted);margin:0 0 38px}.login-card>label,.label-row label{font-size:12px;font-weight:700;display:block;margin:0 0 9px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.label-row label{margin:0}.field{height:54px;background:white;border:1px solid #dce0e6;border-radius:10px;display:flex;align-items:center;padding:0 15px;gap:11px;box-shadow:0 2px 7px rgba(20,30,44,.02)}.field:focus-within{border-color:#8f9aae;box-shadow:0 0 0 3px rgba(61,83,120,.08)}.field>svg{width:18px;fill:none;stroke:#9ba3af;stroke-width:1.7}.field input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--text)}.field input::placeholder{color:#b2b8c2}.eye{border:0;background:none;padding:5px;display:grid}.eye svg{width:18px;fill:none;stroke:#959daa;stroke-width:1.6}.link-button{border:0;background:none;color:#667189;font-size:11px;padding:0}.link-button:hover{color:var(--accent)}.primary-button{width:100%;height:54px;border:0;border-radius:10px;background:var(--navy);color:white;font-weight:700;margin-top:25px;display:flex;justify-content:center;align-items:center;gap:18px}.primary-button:hover{background:#243249;transform:translateY(-1px)}.primary-button span{font-size:19px}.form-error{font-size:11px;color:#d84d3a;min-height:15px;margin:8px 0 -10px}.auth-help{text-align:center;color:#8a929f;font-size:11px;margin-top:22px}.auth-footer{position:absolute;bottom:24px;color:#a4aab4;font-size:10px}.toast{position:fixed;right:28px;bottom:28px;z-index:20;background:var(--navy);color:white;padding:13px 18px;border-radius:9px;font-size:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}

/* App shell */
.app-page{background:var(--paper)}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:white;padding:28px 18px 20px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.sidebar .logo{padding:0 11px}.main-nav{margin-top:36px;display:flex;flex-direction:column;gap:5px}.main-nav a{display:flex;align-items:center;gap:13px;height:46px;padding:0 13px;border-radius:9px;color:#97a1b1;text-decoration:none;font-size:12px;font-weight:600}.main-nav a:hover{color:white;background:rgba(255,255,255,.04)}.main-nav a.active{background:rgba(255,255,255,.09);color:white}.main-nav a.active .nav-icon{color:var(--accent)}.nav-icon{font-size:18px;width:19px;text-align:center}.main-nav b{margin-left:auto;background:#2b374b;color:#b5becb;border-radius:20px;padding:3px 7px;font-size:9px}.main-nav b.alert-badge{background:var(--accent);color:white}.sidebar-profile{border-top:1px solid rgba(255,255,255,.1);padding:18px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#41506a;color:white;font-size:10px}.sidebar-profile div:nth-child(2){flex:1}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile strong{font-size:10px}.sidebar-profile span{font-size:9px;color:#8390a3;margin-top:3px}.sidebar-profile button{border:0;background:none;color:#788599}.app-main{margin-left:240px;padding:35px 42px 60px;max-width:1500px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.app-header p{font-size:9px;font-weight:700;letter-spacing:.13em;color:#9aa2ae;margin:0 0 7px}.app-header h1{font-size:27px;letter-spacing:-.045em;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.icon-circle{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:white;color:#657085}.icon-circle i{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;right:7px;top:6px;border:2px solid white}.work-state{height:38px;background:white;border:1px solid var(--line);border-radius:21px;padding:0 15px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600}.work-state i{width:6px;height:6px}.mobile-menu{display:none}.dashboard-grid{display:grid;grid-template-columns:minmax(500px,1.55fr) minmax(300px,.85fr);gap:18px}.next-contact-card{min-height:280px;background:var(--navy);color:white;border-radius:15px;overflow:hidden;display:flex;position:relative;padding:34px 38px}.card-copy{position:relative;z-index:2;max-width:430px}.card-copy h2{font-size:30px;line-height:1.15;letter-spacing:-.055em;margin:18px 0 10px}.card-copy p{color:#9da8b8;font-size:12px;margin:0}.get-contact{margin-top:27px;background:var(--accent);color:white;border:0;border-radius:9px;padding:13px 18px;font-weight:700;font-size:12px}.get-contact:hover{background:#ff806d;transform:translateY(-1px)}.get-contact span{font-size:17px;margin-left:15px}.card-copy small{display:block;color:#718096;font-size:9px;margin-top:11px}.dial-visual{position:absolute;right:-40px;top:0;width:340px;height:100%}.ring{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:270px;height:270px}.ring-two{width:185px;height:185px;border-color:rgba(255,115,92,.28)}.phone-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg);font-size:58px;color:var(--accent)}.callback-card{background:white;border-radius:15px;padding:27px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.callback-card h3,.panel h3{font-size:19px;letter-spacing:-.04em;margin:8px 0 0}.time-pill{font-size:9px;color:var(--amber);background:#fff7e7;border-radius:15px;padding:6px 9px}.callback-person{display:flex;align-items:center;gap:12px;margin:24px 0 16px}.company-avatar{width:38px;height:38px;border-radius:10px;background:#edf1ff;color:#5573cd;display:grid;place-items:center;font-weight:700}.callback-person strong,.callback-person span{display:block}.callback-person strong{font-size:12px}.callback-person span{font-size:11px;color:#707b8b;margin-top:4px}.note-box{background:#f6f7f9;border-radius:9px;padding:12px 14px}.note-box span{font-size:8px;font-weight:700;color:#99a0aa;text-transform:uppercase;letter-spacing:.1em}.note-box p{font-size:10px;color:#616a78;line-height:1.5;margin:5px 0 0}.callback-actions{display:flex;gap:8px;margin-top:14px}.secondary-button{height:37px;border:1px solid #dce1e7;background:white;border-radius:8px;color:#4e5969;font-weight:700;font-size:10px;padding:0 15px}.secondary-button:hover{border-color:#aeb6c2}.callback-actions .secondary-button{flex:1}.more-button{width:38px;border:1px solid #dce1e7;background:white;border-radius:8px;color:#788292}.stats-section{margin-top:35px}.section-title,.panel-head{display:flex;align-items:flex-end;justify-content:space-between}.section-title h2{font-size:21px;letter-spacing:-.04em;margin:6px 0 0}.section-title a,.panel-head a{font-size:10px;color:#748094;text-decoration:none}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}.stat-cards article{background:white;border:1px solid #e8eaee;border-radius:12px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-top>span{font-size:10px;color:#858e9c}.stat-top i{font-style:normal;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:11px}.stat-top i.blue{background:#edf2ff;color:var(--blue)}.stat-top i.violet{background:#f2efff;color:var(--violet)}.stat-top i.green{background:#eaf8f3;color:var(--green)}.stat-top i.orange{background:#fff0ed;color:var(--accent)}.stat-cards strong{display:block;font-size:27px;letter-spacing:-.055em;margin:15px 0 4px}.stat-cards small{color:#9aa1ac;font-size:9px}.stat-cards small b{color:var(--green)}.stat-cards .earnings{border-color:#ffd5cd}.lower-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;margin-top:35px}.panel{background:white;border:1px solid #e6e9ed;border-radius:13px;padding:24px}.version{font-size:8px;color:#a0a7b1}.contact-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #eef0f3}.contact-row:last-child{border-bottom:0;padding-bottom:0}.contact-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:12px}.contact-icon.rejected{color:#d45b4b;background:#fff0ee}.contact-icon.waiting{color:#c68523;background:#fff7e8}.contact-icon.sent{color:#725dcc;background:#f2efff}.contact-icon.approved{color:#188d63;background:#e9f8f2}.contact-main{flex:1}.contact-main strong,.contact-main span{display:block}.contact-main strong{font-size:10px}.contact-main span{color:#969da8;font-size:9px;margin-top:3px}.status{font-size:8px;border-radius:15px;padding:5px 8px}.status.rejected{color:#c05244;background:#fff0ee}.status.waiting{color:#ac741e;background:#fff7e8}.status.sent{color:#6753bd;background:#f2efff}.status.approved{color:#147955;background:#e9f8f2}.contact-row time{width:35px;text-align:right;font-size:8px;color:#a0a6b0}.guide-panel>p{font-size:10px;color:#87909d;line-height:1.5}.guide-panel ol{padding:0;list-style:none;margin:22px 0}.guide-panel li{display:flex;flex-direction:column;border-left:2px solid #e7e9ed;padding:3px 0 3px 13px;margin:12px 0}.guide-panel li:first-child{border-color:var(--accent)}.guide-panel li b{font-size:10px}.guide-panel li span{font-size:8px;color:#969da8;margin-top:3px}.wide{width:100%}

/* contact modal */
.contact-modal{position:fixed;inset:0;z-index:30;display:none}.contact-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(13,19,29,.58);backdrop-filter:blur(3px)}.contact-sheet{position:absolute;right:0;top:0;height:100%;width:min(480px,100%);background:white;padding:52px 38px;box-shadow:-20px 0 60px rgba(13,19,29,.18);animation:sheetIn .22s ease-out}.close-modal{position:absolute;right:25px;top:24px;width:32px;height:32px;border:0;border-radius:50%;background:#f0f2f5;color:#697384;font-size:20px}.contact-sheet h2{font-size:27px;letter-spacing:-.05em;margin:15px 0 5px}.phone-link{color:var(--text);font-size:22px;font-weight:700;text-decoration:none}.contact-meta{display:flex;gap:7px;margin:15px 0 32px}.contact-meta span{font-size:9px;background:#f0f2f5;color:#687383;border-radius:15px;padding:6px 9px}.contact-sheet label{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.contact-sheet textarea{width:100%;height:100px;resize:none;border:1px solid #dfe3e8;border-radius:9px;padding:12px;font-size:11px;outline:0}.contact-sheet textarea:focus{border-color:#9ea8b6}.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.result{min-height:47px;border-radius:9px;background:white;font-size:10px;font-weight:700}.result.reject{border:1px solid #f0b8b0;color:#bd4f40}.result.later{border:1px solid #efd39f;color:#9a6717}.result.transfer{border:1px solid #c7bdf0;color:#634db5}.result.other{border:1px solid #d8dde4;color:#606b7b}@keyframes sheetIn{from{transform:translateX(100%)}to{transform:translateX(0)}}

@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}.dial-visual{right:0}}
@media(max-width:760px){.auth-shell{display:block}.auth-aside{display:none}.auth-form-side{min-height:100vh;padding:32px 24px}.mobile-logo{display:block;margin-bottom:60px}.auth-footer{bottom:15px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0;padding:24px 18px 45px}.mobile-menu{display:block;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:white;margin-right:12px}.app-header{justify-content:flex-start}.app-header>div:first-of-type{flex:1}.app-header h1{font-size:21px}.work-state{display:none}.dashboard-grid{display:block}.callback-card{margin-top:14px}.next-contact-card{min-height:260px;padding:29px 25px}.card-copy{max-width:65%}.card-copy h2{font-size:25px}.dial-visual{right:-95px}.stat-cards{grid-template-columns:1fr 1fr}.panel{padding:19px}.contact-row{gap:8px}.status{display:none}.contact-sheet{padding:48px 22px}.result-buttons{grid-template-columns:1fr}}
@media(max-width:430px){.stat-cards{grid-template-columns:1fr}.card-copy{max-width:100%}.dial-visual{opacity:.25}.next-contact-card{min-height:275px}.contact-row time{display:none}}

/* Minimal operator workspace */
.app-page{background:#f7f8fa}.sidebar{background:#fff;color:var(--text);border-right:1px solid var(--line)}.sidebar .logo{color:var(--text)}.main-nav a{color:#697383}.main-nav a:hover{color:var(--text);background:#f4f5f7}.main-nav a.active{background:#f0f2f5;color:var(--text)}.main-nav a.active .nav-icon{color:var(--text)}.main-nav b{background:#eceff3;color:#687282}.main-nav b.alert-badge{background:#e8eaee;color:#4f5968}.sidebar-profile{border-top-color:var(--line)}.sidebar-profile strong{color:var(--text)}.sidebar-profile button{color:#8b94a1}.app-main{padding-top:31px}.app-header{margin-bottom:25px}.header-actions .icon-circle{display:none}.work-state{background:transparent;border:0;padding-right:0}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:14px}.queue-card,.callback-card{min-height:194px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:25px 27px;box-shadow:none}.queue-card{display:flex;align-items:center;justify-content:space-between}.queue-card h2{font-size:30px;letter-spacing:-.055em;margin:15px 0 6px}.queue-card p{font-size:11px;color:var(--muted);margin:0}.get-contact{margin:0;background:var(--navy);border:0;border-radius:8px;color:#fff;padding:13px 18px;font-size:11px;font-weight:700}.get-contact:hover{background:#263249;transform:none}.callback-card{padding:25px 27px}.callback-person{margin:22px 0 13px}.company-avatar{border-radius:7px;background:#eef0f3;color:#515c6b}.note-box{background:#f7f8f9}.callback-actions{margin-top:12px}.stats-section{margin-top:30px}.stat-cards{gap:0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.stat-cards article,.stat-cards .earnings{border:0;border-right:1px solid var(--line);border-radius:0;padding:18px 21px;background:#fff}.stat-cards article:last-child{border-right:0}.stat-cards strong{font-size:25px;margin:12px 0 3px}.stat-cards small b{color:inherit}.lower-grid{gap:14px;margin-top:30px}.panel{border-radius:11px;box-shadow:none}.contact-icon{border-radius:6px}.guide-panel li:first-child{border-color:#b6bdc7}.contact-sheet{box-shadow:-14px 0 45px rgba(13,19,29,.12)}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.queue-card,.callback-card{min-height:auto}.stat-cards{grid-template-columns:repeat(2,1fr)}.stat-cards article:nth-child(2){border-right:0}.stat-cards article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.sidebar{background:#fff}.queue-card{align-items:flex-start;gap:24px}.app-main{padding-top:20px}.stat-cards{grid-template-columns:1fr 1fr}.callback-card{margin-top:14px}}
@media(max-width:430px){.queue-card{display:block}.queue-card .get-contact{margin-top:22px;width:100%}.stat-cards{grid-template-columns:1fr}.stat-cards article{border-right:0;border-bottom:1px solid var(--line)}.stat-cards article:last-child{border-bottom:0}}

/* Compact work queue */
.result.selected{position:relative;color:#fff}
.result.selected:before{content:"✓";display:inline-block;margin-right:7px;font-weight:700}
.result.reject.selected{background:#c85a4a;border-color:#c85a4a}
.result.later.selected{background:#b77b20;border-color:#b77b20}
.result.transfer.selected{background:#6b56bd;border-color:#6b56bd}
.result.other.selected{background:#667181;border-color:#667181}
.callback-choice{margin-top:18px;padding:14px;border:1px solid #e7e9ed;border-radius:9px;background:#f9fafb}
.callback-choice>span{display:block;font-size:10px;font-weight:700;color:#596474;margin-bottom:10px}
.callback-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.callback-choice button{min-height:35px;border:1px solid #dce1e7;border-radius:7px;background:#fff;color:#596474;font-size:9px;font-weight:700}
.callback-choice button.selected{background:var(--navy);border-color:var(--navy);color:#fff}
.custom-callback-date{display:block;margin-top:12px;font-size:9px;font-weight:700;color:#596474}
.custom-callback-date input{display:block;width:100%;height:42px;margin-top:7px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:var(--text);padding:0 11px;font-size:10px;outline:0}
.custom-callback-date input:focus{border-color:#9ea8b6}
.save-contact-result{margin-top:18px}.save-contact-result:disabled{opacity:.5;cursor:default;transform:none}

.work-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.work-panel-head{min-height:86px;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.work-panel-head h2{font-size:20px;letter-spacing:-.04em;margin:6px 0 0}
.queue-count{font-size:11px;color:#697383;background:#f2f4f6;border-radius:20px;padding:7px 11px}
.work-row{min-height:74px;padding:13px 26px;display:grid;grid-template-columns:82px minmax(240px,1fr) auto auto;align-items:center;gap:20px;border-bottom:1px solid #eceef1}
.work-row:last-child{border-bottom:0}
.work-time{color:#7b8492;font-size:11px}
.work-time strong,.work-time span,.work-info strong,.work-info span{display:block}
.work-time strong{font-size:15px;color:var(--text)}
.work-time span{font-size:9px;margin-top:2px}
.work-info strong{font-size:12px}
.work-info span{font-size:10px;color:#8b93a0;margin-top:4px}
.work-row .get-contact{margin:0;min-width:148px}
.queue-row .get-contact{grid-column:4}
.due-text{font-size:10px;color:#b07621;white-space:nowrap}

/* Admin */
.section-page{max-width:1500px}
.header-total{font-size:11px;color:#687383;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 12px}
.header-total.alert{color:#a76b17;background:#fff8e9;border-color:#f1dfb9}
.list-panel,.callback-list{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.list-toolbar{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}
.list-toolbar input,.list-toolbar select,.period-select{height:40px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:var(--text);padding:0 12px;font-size:10px;outline:0}
.list-toolbar input{width:min(380px,100%)}
.list-toolbar select{margin-left:auto;min-width:180px}
.list-toolbar input+.custom-select,.table-tools input+.custom-select{margin-left:auto}
.list-toolbar .custom-select,.table-tools .custom-select{min-width:180px}
.contact-table-row{display:grid;grid-template-columns:1.15fr .7fr 1.5fr .7fr 70px;gap:18px;align-items:center;min-height:66px;padding:10px 20px;border-bottom:1px solid #eef0f2;font-size:10px;color:#687281}
.contact-table-row:last-child{border-bottom:0}
.contact-table-row b,.contact-table-row small{display:block}
.contact-table-row b{font-size:11px;color:var(--text)}
.contact-table-row small{font-size:9px;color:#929aa5;margin-top:4px}
.contact-table-row time{font-size:9px;color:#8f98a5}
.contact-table-row>button{height:32px;border:1px solid #dce1e7;border-radius:7px;background:#fff;color:#596474;font-size:9px;font-weight:700}
.edit-contact-sheet{overflow-y:auto}
.edit-contact-phone{font-size:13px;color:#6f7a89;margin:5px 0 28px}
.edit-contact-sheet>label,.edit-callback-wrap>label{display:block;margin:20px 0 8px}
.edit-contact-sheet>.custom-select,.edit-callback-wrap>.custom-select{width:100%;margin-bottom:4px}
.edit-contact-sheet .custom-select-button{height:44px;font-size:11px}
.edit-contact-sheet .custom-select-menu{left:0;right:auto;width:100%;max-width:none}
.edit-status-lock{margin:9px 0 0;font-size:10px;color:#8a6872;line-height:1.5}
.edit-notes{margin-top:27px;border-top:1px solid #eceef1;padding-top:18px}
.edit-notes>span{font-size:10px;font-weight:700}
.edit-notes p{font-size:11px;line-height:1.5;color:#5e6978;background:#f7f8fa;border-radius:8px;padding:11px 12px;margin:9px 0 0}
.edit-contact-sheet textarea{height:86px}
.contact-table-head{min-height:40px;background:#fafbfc;color:#969eaa;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.status.neutral{background:#eef0f3;color:#657080}
.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:9px;color:#8d96a2}
.pagination div{display:flex;gap:5px}
.pagination button{width:30px;height:30px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;color:#687281;font-size:9px}
.pagination button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.pagination button:disabled{opacity:.4;cursor:default}
.empty-filter{padding:40px;text-align:center;color:#8d96a2;font-size:11px}

.callback-tabs{display:flex;gap:4px;margin-bottom:14px}
.callback-tabs button{border:0;background:transparent;border-radius:8px;padding:9px 12px;color:#77818f;font-size:10px;font-weight:600}
.callback-tabs button.active{background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--line)}
.callback-tabs b{margin-left:5px;font-size:8px;color:#9aa2ad}
.callback-day{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 10px;background:#fafbfc;border-bottom:1px solid #eef0f2}
.callback-day h2{font-size:12px;margin:0}
.callback-day span{font-size:9px;color:#929aa6}
.callback-item{display:grid;grid-template-columns:100px minmax(260px,1fr) 130px;align-items:center;gap:20px;min-height:100px;padding:17px 22px;border-bottom:1px solid #eef0f2}
.callback-item:last-child{border-bottom:0}
.callback-clock strong,.callback-clock span,.callback-data b,.callback-data a{display:block}
.callback-clock strong{font-size:17px;letter-spacing:-.03em}
.callback-clock span{font-size:9px;color:#9a721e;margin-top:4px}
.callback-data b{font-size:12px}
.callback-data a{font-size:10px;color:#697484;text-decoration:none;margin-top:3px}
.callback-data p{font-size:10px;color:#8a93a0;margin:8px 0 0}
.callback-item.overdue{box-shadow:inset 3px 0 #c85a4a}
.callback-item.overdue .callback-clock span{color:#bd5143}

.period-select{min-width:140px}
.custom-select.period-select .custom-select-button{height:34px;background:#f7f8fa;border-color:#e2e5e9}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}
.metric-grid span,.metric-grid strong,.metric-grid small{display:block}
.metric-grid span{font-size:10px;color:#818a98}
.metric-grid strong{font-size:26px;letter-spacing:-.05em;margin:12px 0 4px}
.metric-grid small{font-size:8px;color:#9aa2ad}
.metric-grid .metric-earned{border-color:#d9dde3}
.stats-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:14px}
.chart-panel,.conversion-panel{min-height:300px}
.chart-actions{display:flex;align-items:center;gap:16px}
.chart-legend{font-size:9px;color:#8d96a2}
.chart-legend:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--navy);margin-right:6px}
.bar-chart{height:225px;display:grid;grid-template-columns:repeat(7,1fr);gap:18px;align-items:end;margin-top:22px;padding:12px 12px 25px;background:repeating-linear-gradient(to top,#eceff2 0,#eceff2 1px,transparent 1px,transparent 25%);border-radius:6px}
.bar-chart div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.bar-chart i{height:var(--bar);width:min(34px,64%);background:#253148;border-radius:6px 6px 2px 2px;box-shadow:0 4px 10px rgba(24,34,52,.08)}
.bar-chart .today i{background:var(--accent)}
.bar-chart span{position:absolute;bottom:-20px;font-size:8px;color:#8c95a2}
.bar-chart .today span{color:var(--text);font-weight:700}
.bar-chart b{position:absolute;bottom:calc(var(--bar) + 6px);font-size:9px;color:#5f6978;display:block;background:#fff;border:1px solid #e4e7eb;border-radius:10px;padding:2px 6px;line-height:1.2}
.conversion-panel{display:flex;flex-direction:column;gap:15px}
.conversion-panel .panel-head{margin-bottom:12px}
.funnel-row{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:10px}
.funnel-row b{font-size:10px}
.funnel-row i{grid-column:1/-1;height:8px;background:#253148;border-radius:4px}
.daily-panel{margin-top:14px}
.daily-panel .panel-head{margin-bottom:15px}
.daily-row{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:16px;align-items:center;min-height:43px;border-top:1px solid #eef0f2;font-size:10px;color:#697382}
.daily-row b{color:var(--text)}
.daily-row strong{color:var(--text)}
.daily-head{min-height:32px;border-top:0;color:#989faa;font-size:8px;text-transform:uppercase;letter-spacing:.06em}

.admin-main{max-width:none}
.admin-link-button{height:40px;display:inline-flex;align-items:center;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#596474;text-decoration:none;padding:0 15px;font-size:10px;font-weight:700}
.admin-summary.admin-overview-summary{grid-template-columns:repeat(5,1fr)}
.admin-overview-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-bottom:14px}
.rank-row{display:grid;grid-template-columns:1.5fr repeat(3,.65fr);gap:12px;align-items:center;min-height:44px;border-top:1px solid #eef0f2;font-size:10px;color:#697383}
.rank-row b{color:var(--text)}
.rank-row strong{color:#16835d}
.rank-head{min-height:32px;margin-top:14px;color:#969eaa;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.base-stat{display:flex;justify-content:space-between;align-items:center;min-height:43px;border-bottom:1px solid #eef0f2;font-size:10px;color:#7d8795}
.base-stat b{color:var(--text)}
.admin-action.wide{margin-top:18px}
.admin-activity{margin-top:14px}
.activity-row{display:grid;grid-template-columns:55px 1fr 110px;gap:16px;align-items:center;min-height:45px;border-top:1px solid #eef0f2;font-size:10px;color:#667180}
.activity-row time{color:#969eaa}.activity-row b{text-align:right;color:var(--text)}
.admin-contact-row{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr .8fr 28px;gap:14px;align-items:center;min-height:64px;padding:10px 20px;border-bottom:1px solid #eef0f2;font-size:10px;color:#657080}
.admin-contact-row:last-child{border-bottom:0}.admin-contact-row b,.admin-contact-row small{display:block}.admin-contact-row b{color:var(--text);font-size:11px}.admin-contact-row small{font-size:9px;color:#929aa6;margin-top:4px}.admin-contact-row time{font-size:9px}.admin-contact-row button{border:0;background:none;color:#7e8794}
.admin-contact-head{min-height:40px;background:#fafbfc;color:#969eaa;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.category-grid>article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}
.category-head,.category-head>div{display:flex;align-items:center;gap:12px}.category-head{justify-content:space-between}.category-head>button{border:0;background:none;color:#7f8896}.category-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f0f2f5;color:#4e5969;font-size:12px;font-weight:700}.category-head h2{font-size:14px;margin:0}.category-head p{font-size:8px;color:#8e97a3;margin:4px 0 0}.category-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.category-numbers span,.category-numbers b{display:block}.category-numbers span{font-size:8px;color:#929aa6}.category-numbers b{font-size:17px;margin-top:6px}.category-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f2;padding-top:15px;font-size:9px;color:#687281}.category-foot a{color:#566173;text-decoration:none;font-weight:700}
.instruction-admin-layout{display:grid;grid-template-columns:230px 1fr;gap:14px}.instruction-list{background:#fff;border:1px solid var(--line);border-radius:11px;padding:8px;height:max-content}.instruction-list button{width:100%;border:0;background:none;border-radius:8px;text-align:left;padding:13px 12px;color:#5f6978}.instruction-list button.active{background:#f0f2f5;color:var(--text)}.instruction-list b,.instruction-list span{display:block}.instruction-list b{font-size:10px}.instruction-list span{font-size:8px;color:#929aa6;margin-top:4px}.instruction-editor label{display:block;font-size:10px;font-weight:700;margin-top:18px}.instruction-editor input,.instruction-editor textarea{width:100%;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:var(--text);padding:11px 12px;font-size:10px;line-height:1.6;margin-top:8px;outline:0}.instruction-editor textarea{height:105px;resize:vertical}.instruction-editor input:focus,.instruction-editor textarea:focus{border-color:#9ea8b6}
.payout-row{display:grid;grid-template-columns:1.25fr .6fr .6fr .7fr .7fr 76px;gap:14px;align-items:center;min-height:62px;padding:10px 20px;border-bottom:1px solid #eef0f2;font-size:10px;color:#657080}.payout-row:last-child{border-bottom:0}.payout-row b,.payout-row small{display:block}.payout-row b,.payout-row strong{color:var(--text)}.payout-row small{font-size:8px;color:#929aa6;margin-top:4px}.payout-row i{font-style:normal;width:max-content}.payout-row button{min-height:30px;border:1px solid #dce1e7;border-radius:7px;background:#fff;color:#596474;font-size:8px;font-weight:700}.payout-head{min-height:40px;background:#fafbfc;color:#969eaa;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.debit-button:not(:disabled){background:var(--navy);border-color:var(--navy);color:#fff}.debit-button:disabled{cursor:default;opacity:.55}
.debit-form label{margin-top:20px}.debit-form input{width:100%;height:46px;border:1px solid #dfe3e8;border-radius:8px;padding:0 12px;font-size:12px;outline:0}.debit-form input:focus{border-color:#9ea8b6}.debit-balance{font-size:11px;color:#808a98;margin:7px 0 28px}.debit-balance b{color:var(--text)}
.operator-balance{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:14px}.operator-balance>div{padding:26px}.operator-balance>div:first-child{border-right:1px solid var(--line)}.operator-balance span,.operator-balance strong,.operator-balance small{display:block}.operator-balance>div:first-child>span{font-size:10px;color:#7f8997}.operator-balance>div:first-child>strong{font-size:34px;letter-spacing:-.055em;margin:12px 0 5px}.operator-balance small{font-size:9px;color:#929aa6}.balance-meta{display:grid;align-content:center;gap:12px}.balance-meta span{display:flex;justify-content:space-between;font-size:10px;color:#7b8593}.balance-meta b{color:var(--text)}
.operator-payment-panel{padding-bottom:10px}.payment-filter{display:flex;gap:4px}.payment-filter button{height:30px;border:0;border-radius:7px;background:transparent;color:#7b8593;padding:0 10px;font-size:9px}.payment-filter button.active{background:#f0f2f5;color:var(--text);font-weight:700}.transaction-row{display:grid;grid-template-columns:.9fr .9fr 1.6fr .6fr .6fr;gap:16px;align-items:center;min-height:58px;border-top:1px solid #eef0f2;font-size:10px;color:#687281}.transaction-row time{font-size:9px;color:#8e97a4}.transaction-row b{color:var(--text)}.transaction-head{min-height:36px;margin-top:14px;color:#969eaa;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.transaction-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-style:normal;margin-right:5px}.transaction-icon.credit{background:#e9f8f2;color:#188d63}.transaction-icon.debit{background:#fff0ee;color:#c05244}.credit-amount{color:#188d63}.debit-amount{color:#c05244}
.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.admin-summary div{padding:18px 20px;border-right:1px solid var(--line)}
.admin-summary div:last-child{border-right:0}
.admin-summary span,.admin-summary strong{display:block}
.admin-summary span{font-size:9px;color:#8c95a2}
.admin-summary strong{font-size:21px;letter-spacing:-.04em;margin-top:7px}
.admin-actions{display:flex;align-items:center;gap:12px}
.admin-actions .primary-button{width:auto;height:40px;margin:0;padding:0 17px;border-radius:8px;font-size:11px}
.employees-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.table-tools{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}
.table-tools input,.table-tools select,.employee-form input,.employee-form select{height:42px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:var(--text);outline:0;padding:0 12px;font-size:11px}
.table-tools input{width:min(330px,100%)}
.table-tools select{margin-left:auto}
.table-tools input:focus,.table-tools select:focus,.employee-form input:focus,.employee-form select:focus{border-color:#9ea8b6}
.employee-table{width:100%}
.employee-tr{display:grid;grid-template-columns:1.35fr 1fr 1fr .6fr .55fr 32px;align-items:center;gap:16px;min-height:66px;padding:10px 20px;border-bottom:1px solid #eef0f2;font-size:10px;color:#596373}
.employee-tr:last-child{border-bottom:0}
.employee-tr b,.employee-tr small{display:block}
.employee-tr b{font-size:11px;color:var(--text)}
.employee-tr small{font-size:9px;color:#929aa6;margin-top:4px}
.employee-tr button{border:0;background:none;color:#858e9b}
.employee-th{min-height:42px;background:#fafbfc;color:#939ba7;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.employee-form{overflow:auto}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:28px}
.employee-form label{margin:0}
.employee-form input,.employee-form select{width:100%;margin-top:8px}
.employee-form .custom-select{width:100%;margin-top:8px}
.employee-form .full{grid-column:1/-1}
.form-hint{font-size:10px;color:#858e9b;line-height:1.5;margin:20px 0 0}
.credentials-box{margin-top:18px;padding:14px;border:1px solid #dfe3e8;border-radius:9px;background:#f7f8fa;font-size:11px;line-height:1.7}
.credentials-box b{display:inline-block;min-width:65px}

@media(max-width:900px){.admin-summary.admin-overview-summary{grid-template-columns:repeat(3,1fr)}.admin-overview-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.admin-contact-row{grid-template-columns:1.2fr .8fr .8fr 28px}.admin-contact-row>:nth-child(4),.admin-contact-row>:nth-child(5){display:none}.payout-row{grid-template-columns:1.2fr .6fr .7fr .7fr 70px}.payout-row>:nth-child(3){display:none}.contact-table-row{grid-template-columns:1fr .8fr 1.2fr 70px}.contact-table-row>:nth-child(4){display:none}.metric-grid{grid-template-columns:1fr 1fr}.stats-layout{grid-template-columns:1fr}.admin-summary{grid-template-columns:1fr 1fr}.admin-summary div:nth-child(2){border-right:0}.admin-summary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.employee-tr{grid-template-columns:1.3fr 1fr .8fr 28px}.employee-tr>:nth-child(3),.employee-tr>:nth-child(5){display:none}}
@media(max-width:760px){.admin-summary.admin-overview-summary{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr}.instruction-admin-layout{grid-template-columns:1fr}.instruction-list{display:flex;overflow:auto}.instruction-list button{min-width:150px}.admin-contact-row{grid-template-columns:1fr .8fr 28px}.admin-contact-row>:nth-child(2){display:none}.admin-contact-head{display:none}.payout-row{grid-template-columns:1fr .6fr .8fr 65px}.payout-row>:nth-child(2){display:none}.payout-head{display:none}.header-total{margin-left:auto}.list-toolbar{display:block}.list-toolbar input,.list-toolbar select{width:100%;margin:0 0 8px}.contact-table-row{grid-template-columns:1fr auto 62px;gap:10px;padding:12px 15px}.contact-table-row>:nth-child(3){display:none}.contact-table-head{display:none}.callback-item{grid-template-columns:70px minmax(0,1fr);gap:12px}.callback-item .secondary-button{grid-column:2;width:100%}.metric-grid{grid-template-columns:1fr 1fr}.daily-row{grid-template-columns:1.2fr repeat(3,1fr)}.daily-row>:nth-child(2){display:none}.work-row{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:15px 18px}.work-row .get-contact,.work-row .secondary-button,.queue-row .get-contact{grid-column:2;width:100%}.due-text{grid-column:2}.work-panel-head{padding:18px}.table-tools{display:block}.table-tools input,.table-tools select{width:100%;margin:0 0 8px}.employee-tr{grid-template-columns:1fr 1fr 28px}.employee-tr>:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}.employee-form .full{grid-column:auto}.admin-actions .primary-button{padding:0 12px}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.pagination>span{display:none}.daily-row{grid-template-columns:1.2fr repeat(2,1fr)}.daily-row>:nth-child(3){display:none}}
@media(max-width:760px){.list-toolbar .custom-select,.table-tools .custom-select{width:100%;min-width:0;margin:0 0 8px}.custom-select-menu{left:0;right:auto;max-width:100%;width:100%}.chart-actions{gap:8px}.chart-legend{display:none}.custom-select.period-select{min-width:128px;width:auto;margin:0}}
@media(max-width:760px){.operator-balance{grid-template-columns:1fr}.operator-balance>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.transaction-row{grid-template-columns:1fr 1fr .7fr}.transaction-row>:nth-child(3),.transaction-row>:nth-child(5){display:none}.payment-filter{overflow:auto}}