:root{--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--ink:#0f172a;--muted:#6b7280;--line:#e7ebf1;--sidebar:#0b1220;--sidebar-2:#111a2d;--blue:#2962ff;--blue-2:#4f7bff;--green:#16a36a;--orange:#f59e0b;--rose:#e54867;--violet:#7659e8;--cyan:#0faacb;--shadow:0 10px 35px rgba(15,23,42,.07);--r:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI","Tahoma",Arial,sans-serif;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.ico{width:18px;height:18px;display:inline-block;flex:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:linear-gradient(180deg,#0a1020 0%,#0f182b 100%);color:#e7eefc;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:11px;padding:8px 10px 18px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#3474ff,#7258e9);font-weight:900;color:#fff;box-shadow:0 8px 25px rgba(72,93,255,.35)}.side-brand strong{font-size:16px;display:block}.side-brand span{font-size:11px;color:#94a3b8;display:block;margin-top:2px}.workspace-pill{display:flex;align-items:center;gap:8px;border:1px solid #26334c;background:#121d31;border-radius:12px;padding:11px 10px;font-size:12px}.live-dot{width:8px;height:8px;background:#35d07f;border-radius:50%;box-shadow:0 0 0 4px rgba(53,208,127,.1)}.workspace-name{margin-inline-start:auto;color:#8ea2c3;font-size:10px}.side-label{font-size:10px;letter-spacing:2px;color:#667793;padding:20px 10px 8px}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;color:#abb7ca;width:100%;display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:11px;text-align:right}.nav-item:hover{background:#15213a;color:#eef4ff}.nav-item.active{background:linear-gradient(90deg,#1d3767,#192948);color:#fff;box-shadow:inset 2px 0 0 #63a3ff}.nav-item b{margin-inline-start:auto;font-size:10px;min-width:24px;height:22px;padding:0 7px;border-radius:9px;background:#202e48;color:#b6c8e4;display:grid;place-items:center}.nav-item.active b{background:#29508e;color:#fff}.side-footer{margin-top:auto;display:grid;gap:9px}.cloud-mini{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #243149;background:#101a2c;border-radius:12px}.cloud-mini .ico{color:#7d91b1}.cloud-mini b,.cloud-mini small{display:block}.cloud-mini b{font-size:11px}.cloud-mini small{font-size:9px;color:#7f8fa8;margin-top:2px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-shortcut{border:1px dashed #2e3c58;background:transparent;color:#9eb0ca;border-radius:11px;padding:10px;display:flex;align-items:center;gap:8px}.side-shortcut kbd,.global-search kbd,.next-hint kbd{font-size:10px;background:#172338;border:1px solid #293957;color:#93a7c4;border-radius:6px;padding:3px 6px}.side-shortcut small{margin-inline-start:auto;color:#6f809a;font-size:9px}
.main{min-width:0;flex:1}.topbar{height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:20}.top-title{display:flex;gap:9px;align-items:center;font-size:12px;white-space:nowrap}.top-title span{color:#94a3b8}.top-title strong{color:#334155}.top-center{flex:1;display:flex;justify-content:center}.global-search,.search-inline{height:43px;border:1px solid var(--line);background:#fbfcfe;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8a96aa;box-shadow:0 2px 9px rgba(15,23,42,.03)}.global-search{width:min(520px,100%)}.global-search input,.search-inline input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--ink)}.global-search kbd{margin-inline-start:auto;background:#eef2f7;color:#7c8797;border-color:#e1e6ee}.top-actions{display:flex;align-items:center;gap:8px}.btn,.icon-btn,.cloud-state{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:41px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#253147}.btn{font-weight:700;font-size:12px}.btn-primary{color:#fff;background:linear-gradient(135deg,#2f6dff,#2755df);border-color:#2b60ef;box-shadow:0 10px 23px rgba(41,98,255,.18)}.btn-ghost{background:#fff}.btn-secondary{background:#f4f7fb}.icon-btn{width:41px;padding:0;position:relative}.bell-btn i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef476f;top:7px;right:8px;border:2px solid #fff}.cloud-state{height:35px;min-height:35px;padding:0 10px;font-size:10px}.cloud-state.connected{color:#0d8b59;background:#effbf6;border-color:#ccefe0}
.content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.kicker,.eyebrow{font-size:10px;letter-spacing:2px;color:#8ea0b8;font-weight:800}.page-head h1{margin:5px 0 5px;font-size:28px;line-height:1.2;letter-spacing:-.6px}.page-head p{margin:0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.today-hero{background:linear-gradient(135deg,#0e1a31,#142647);color:#fff;border-radius:20px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px;box-shadow:0 18px 40px rgba(11,20,39,.16)}.today-hero h2{margin:5px 0 7px;font-size:28px}.today-hero p{margin:0;color:#b9c7db;font-size:12px;max-width:700px}.today-hero .eyebrow{color:#8fa7d1}.hero-progress{width:280px}.progress-meta{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.progress-meta b{font-size:22px}.progress-meta span{font-size:11px;color:#9cafc9}.progress{height:8px;border-radius:999px;background:#273854;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#4f8bff,#6b5df5);border-radius:inherit}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 3px 13px rgba(15,23,42,.025)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#718096;font-size:11px}.stat strong{display:block;font-size:27px;margin:7px 0 2px}.stat small{font-size:10px;color:#94a3b8}.dot{width:8px;height:8px;border-radius:50%}.dot.blue{background:var(--blue)}.dot.violet{background:var(--violet)}.dot.orange{background:var(--orange)}.dot.green{background:var(--green)}.dot.rose{background:var(--rose)}.dot.cyan{background:var(--cyan)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 15px rgba(15,23,42,.03)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #eef1f5}.panel-head h3{margin:3px 0 0;font-size:15px}.text-btn{border:0;background:transparent;color:#3e70da;font-weight:700;font-size:11px;display:inline-flex;align-items:center;gap:4px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.compact-list{padding:6px 10px 10px}.mini-row{width:100%;display:flex;align-items:center;gap:11px;padding:11px 8px;border:0;background:transparent;border-radius:11px;text-align:right}.mini-row:hover{background:#f7f9fc}.mini-row>div:nth-child(2){flex:1;min-width:0}.mini-row b,.mini-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row b{font-size:11px}.mini-row small{font-size:10px;color:#8c98aa;margin-top:3px}.mini-row>span:last-child{color:#a2adbd}.date-chip,.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.date-chip{background:#f1f5ff;color:#3f6cf0;font-size:10px;font-weight:800}.avatar{background:#edf3ff;color:#3568df;font-weight:800;font-size:12px}.avatar.large{width:44px;height:44px}.badge{display:inline-flex;align-items:center;max-width:190px;padding:4px 7px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}.badge.good{background:#e9f9f0;color:#0f8e5d}.badge.info{background:#ebf4ff;color:#3164d0}.badge.warn{background:#fff6df;color:#b56f00}.badge.bad{background:#fff0f2;color:#cb3657}.badge.muted{background:#f2f4f7;color:#6f7784}.sep{color:#c1c8d3}.quick-panel{margin-top:16px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px 18px}.quick-card{border:1px solid var(--line);background:#fafbfe;border-radius:14px;padding:17px;text-align:right;display:flex;flex-direction:column;gap:5px}.quick-card:hover{border-color:#cbd8ef;box-shadow:0 10px 22px rgba(15,23,42,.05)}.quick-card .ico{width:20px;height:20px;color:#3b6ff5}.quick-card b{font-size:12px}.quick-card small{font-size:10px;color:#8d98aa}.toolbar{display:flex;gap:8px;align-items:center;padding:13px;border-bottom:1px solid #eef1f5}.search-inline{width:min(320px,100%);height:38px}.toolbar select,.toolbar input,.field-grid select,.field-grid input,.field-grid textarea,.call-modal select,.call-modal input,.call-modal textarea,.drawer select,.drawer input,.drawer textarea,.filter-grid input,.filter-grid select,.auth-modal input{border:1px solid #dfe5ee;background:#fff;border-radius:10px;outline:none;padding:9px 11px;color:#263247;font-size:11px}.toolbar select{height:38px}.toolbar-count{margin-inline-start:auto;font-size:10px;color:#95a0b0}.data-table{width:100%;overflow:auto}.table-head,.table-row{min-width:940px;display:grid;grid-template-columns:2.1fr 1.1fr 1fr 1.2fr .7fr 34px;gap:12px;align-items:center}.table-head{padding:11px 16px;color:#98a2b0;font-size:9px;font-weight:800;border-bottom:1px solid #eef1f5}.table-row{width:100%;border:0;border-bottom:1px solid #f0f2f5;background:#fff;padding:13px 16px;text-align:right}.table-row:hover{background:#fbfcfe}.agency-cell{display:flex;align-items:center;gap:9px;min-width:0}.agency-cell>div{min-width:0}.agency-cell b,.agency-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agency-cell b{font-size:11px}.agency-cell small{font-size:9px;color:#8c97a8;margin-top:3px}.follow-cell{font-size:10px}.attempts b,.attempts small{display:block}.attempts b{font-size:13px}.attempts small{font-size:9px;color:#9aa4b3}.muted{color:#9aa4b3}.call-log{padding:4px 10px}.call-item{width:100%;display:grid;grid-template-columns:170px 1fr 24px;gap:14px;align-items:start;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:14px 9px;text-align:right}.call-item:hover{background:#fbfcfe}.call-time b,.call-time small{display:block}.call-time b{font-size:10px}.call-time small{margin-top:4px;font-size:9px;color:#9aa4b3}.call-detail>div:first-child{display:flex;align-items:center;gap:7px}.call-detail>div:first-child b{font-size:11px}.call-detail p{margin:7px 0;color:#5f6b7d;font-size:10px;line-height:1.7}.call-detail>div:last-child{display:flex;gap:5px;color:#8c97a7;font-size:9px}.pipeline-board{display:grid;grid-template-columns:repeat(8,minmax(225px,1fr));gap:10px;overflow:auto;padding-bottom:7px}.stage-column{background:#eef2f7;border:1px solid #e2e7ef;border-radius:15px;min-height:470px;padding:8px}.stage-head{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 10px}.stage-head small{display:inline-block;background:#dde5f2;color:#6f7d92;border-radius:6px;padding:3px 5px;font-size:8px;margin-inline-start:5px}.stage-head b{font-size:10px}.stage-head span{font-size:11px;font-weight:800;color:#718096}.stage-body{display:grid;gap:8px}.lead-card{border:1px solid #e4e8ee;background:#fff;border-radius:12px;padding:11px;text-align:right;box-shadow:0 2px 6px rgba(15,23,42,.03)}.lead-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.07)}.card-agency{display:flex;justify-content:space-between;gap:7px}.card-agency b{font-size:10px;line-height:1.5}.card-agency .ico{width:14px;color:#a7b0bf}.lead-card>small{display:block;color:#8e99a9;font-size:8px;margin-top:5px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.card-foot>span{font-size:9px;color:#8e98a8}.stage-empty{color:#a2adbb;font-size:10px;text-align:center;padding:60px 10px}.stage-more{text-align:center;font-size:9px;color:#6d7a90;padding:10px}.follow-grid,.activity-grid,.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.follow-row,.activity-row,.tool-row{width:100%;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:12px 14px;text-align:right}.follow-row:hover,.activity-row:hover,.tool-row:hover{background:#fbfcfe}.date-box{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;align-content:center;background:#f4f7fb;flex:none}.date-box b{font-size:14px}.date-box small{font-size:8px;color:#8e99aa}.date-box.overdue{background:#fff0f2;color:#d64c68}.date-box.upcoming{background:#eef4ff;color:#4471e5}.follow-row>div:nth-child(2),.activity-row>div,.tool-row>div{flex:1;min-width:0}.follow-row b,.follow-row small,.activity-row b,.activity-row p,.activity-row small,.tool-row b,.tool-row small{display:block}.follow-row b,.activity-row b,.tool-row b{font-size:11px}.follow-row small,.activity-row small,.tool-row small{font-size:9px;color:#8e98aa;margin-top:3px}.follow-row>span:last-child,.tool-row>.ico:last-child{margin-inline-start:auto;color:#a1adbe}.activity-row .activity-dot{width:8px;height:8px;border-radius:50%;background:#7391c9;flex:none}.activity-dot.good{background:#22ad73}.activity-dot.bad{background:#db4867}.activity-dot.warn{background:#e9a81f}.activity-dot.info{background:#4880e9}.activity-row p{margin:4px 0 0;font-size:9px;color:#687488;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-filter{padding:14px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:9px}.filter-grid label>span,.field-grid label>span,.call-top-fields label>span,.drawer-fields label>span,.auth-modal label>span{display:block;font-size:9px;font-weight:800;color:#7d8a9e;margin-bottom:5px}.report-stats{grid-template-columns:repeat(4,1fr)}.tools-grid{margin-bottom:16px}.account-box{display:flex;align-items:center;gap:11px;padding:17px}.account-box>div{flex:1}.account-box b,.account-box small{display:block}.account-box b{font-size:11px}.account-box small{font-size:9px;color:#8f9aaa;margin-top:3px}.tool-actions{padding:0 17px 17px;display:flex;gap:8px}.login-box{padding:18px}.login-box p{margin:0 0 14px;color:#657185;font-size:11px;line-height:1.8}.tool-list{padding:5px 9px 10px}.tool-row{border-bottom:1px solid #eef1f5}.tool-row>span{width:32px;height:32px;border-radius:9px;background:#f1f5fb;display:grid;place-items:center;color:#5275bd}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:15px}.rule-grid>div{padding:13px;border-left:1px solid #eef1f5}.rule-grid>div:last-child{border-left:0}.rule-grid b{font-size:11px}.rule-grid p{margin:6px 0 0;color:#707b8d;font-size:9px;line-height:1.7}.shortcuts{margin-bottom:15px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:16px;gap:10px}.shortcut-grid span{border:1px dashed #d8dfe9;background:#fbfcfe;border-radius:10px;padding:10px;font-size:10px;color:#6b778a;display:flex;align-items:center;gap:6px}.quality-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eef1f5}.quality-summary>div{padding:16px;border-left:1px solid #eef1f5}.quality-summary>div:last-child{border-left:0}.quality-summary b,.quality-summary span{display:block}.quality-summary b{font-size:20px}.quality-summary span{font-size:9px;color:#8e99aa;margin-top:4px}
.dialer-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.queue-toolbar{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.queue-toolbar b{font-size:11px}.queue-count{font-size:10px;color:#718096}.queue-items{padding:8px}.queue-row{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:11px;background:transparent;text-align:right}.queue-row:hover{background:#f7f9fc}.queue-row.current{background:#eef4ff;box-shadow:inset 2px 0 0 #4d7cff}.queue-row.done{opacity:.55}.queue-num{width:24px;height:24px;border-radius:8px;background:#eef1f5;display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.queue-copy{min-width:0;flex:1}.queue-copy b,.queue-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy b{font-size:10px}.queue-copy small{font-size:8px;color:#8e98a8;margin-top:3px}.queue-status{width:18px;color:#4e78e8}.dialer-main{padding:20px}.dialer-meta{display:flex;justify-content:space-between;color:#8e99aa;font-size:10px}.lead-focus{max-width:860px;margin:20px auto 0}.focus-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.lead-id{font-size:9px;color:#92a0b4;letter-spacing:1px}.focus-top h2{font-size:27px;margin:7px 0 3px}.focus-top p{margin:0;color:#798597;font-size:11px}.focus-top p span{padding:0 4px;color:#c0c7d0}.focus-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.call-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.big-action{border:1px solid var(--line);background:#fbfcfe;border-radius:14px;padding:16px;display:flex;align-items:center;gap:10px;text-align:right}.big-action.primary{background:linear-gradient(135deg,#2d6cff,#3652db);color:#fff;border-color:#2e61eb}.big-action .ico{width:21px;height:21px}.big-action b,.big-action small{display:block}.big-action b{font-size:12px}.big-action small{font-size:9px;opacity:.75;margin-top:2px}.separator{display:flex;align-items:center;gap:10px;margin:23px 0 12px;color:#9aa5b4;font-size:9px}.separator:before,.separator:after{content:"";height:1px;background:#edf0f4;flex:1}.quick-results{display:flex;flex-wrap:wrap;gap:8px}.quick-results button{border:1px solid #dae3ef;background:#fff;border-radius:10px;padding:10px 12px;font-weight:700;font-size:10px}.quick-results button:hover{background:#f5f8fe;border-color:#c8d6ed}.dialer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid #eef1f5}.next-hint{font-size:9px;color:#98a3b1}
.overlay{position:fixed;inset:0;background:rgba(8,13,25,.48);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;z-index:100}.drawer-overlay{align-items:stretch;justify-content:flex-start}.drawer{height:100%;width:min(520px,96vw);background:#fff;box-shadow:0 0 60px rgba(0,0,0,.24);padding:20px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.drawer-head h2{margin:6px 0 4px;font-size:21px}.drawer-head p{margin:0;color:#7c8798;font-size:10px}.drawer-main-actions{display:flex;gap:8px;margin:18px 0}.drawer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.drawer-stats>div{background:#f7f9fc;border:1px solid #e9edf3;border-radius:11px;padding:10px}.drawer-stats b,.drawer-stats small{display:block}.drawer-stats b{font-size:15px}.drawer-stats small{font-size:8px;color:#8994a5;margin-top:2px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label,.call-grid label,.call-top-fields label,.auth-modal label{display:block}.field-grid .full-field{grid-column:1/-1}.drawer-fields{margin-bottom:14px}.drawer-note{border:1px solid #e8edf4;border-radius:12px;padding:11px;margin-top:10px}.note-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.note-head b{font-size:10px}.note-head span{font-size:8px;color:#9aa5b4}.drawer-note textarea{width:100%;resize:vertical;line-height:1.7}.ai-callout{display:flex;gap:9px;background:#f4f1ff;border:1px solid #e6defe;border-radius:12px;padding:11px;margin:13px 0}.ai-callout .ico{color:#7558e7}.ai-callout b{font-size:10px}.ai-callout p{font-size:9px;color:#6c6385;line-height:1.8;margin:4px 0 0}.drawer-section{padding-top:12px;border-top:1px solid #edf0f4}.drawer-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.drawer-section-head b{font-size:11px}.drawer-section-head span{font-size:8px;color:#9aa4b2}.timeline-item{display:flex;gap:9px;padding:10px 2px;border-bottom:1px solid #f0f2f5}.timeline-dot{margin-top:5px;width:8px;height:8px;background:#6d88c7;border-radius:50%;flex:none}.timeline-dot.good{background:#20a66d}.timeline-dot.bad{background:#df4f69}.timeline-dot.warn{background:#e8a51f}.timeline-title{display:flex;justify-content:space-between;gap:8px}.timeline-title b{font-size:10px}.timeline-title small{font-size:8px;color:#9aa5b4}.timeline-item p{font-size:9px;color:#636e80;line-height:1.7;margin:5px 0}.timeline-item>div>small{font-size:8px;color:#9aa3af}.modal{width:min(760px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.3);padding:20px;margin:15px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.modal-head h2{margin:6px 0 5px;font-size:20px}.modal-head p{margin:0;color:#7e899a;font-size:10px}.modal .field-grid input,.modal .field-grid select,.modal .field-grid textarea{width:100%}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.call-top-fields{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:14px}.call-top-fields select,.call-top-fields input{width:100%}.quick-preset{padding:11px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:12px;margin-bottom:14px}.quick-preset>span{display:block;font-size:8px;color:#8994a5;margin-bottom:7px}.quick-preset>div{display:flex;flex-wrap:wrap;gap:6px}.preset{border:1px solid #dfe6ef;background:#fff;border-radius:8px;padding:7px 9px;font-size:9px}.preset.selected{background:#edf3ff;border-color:#bfd1ff;color:#315ed3}.call-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.call-grid .full-field{grid-column:1/-1}.call-grid input,.call-grid select,.call-grid textarea{width:100%}.auth-modal{width:420px}.auth-modal form{display:grid;gap:12px}.auth-modal input{width:100%}.auth-info{padding:10px;background:#f5f8fc;border-radius:10px;color:#6d788a;font-size:9px;line-height:1.7}.full{width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:150;background:#10203a;color:#fff;border-radius:11px;box-shadow:0 15px 35px rgba(0,0,0,.18);padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:11px}.toast .ico{width:16px;color:#62dfae}.toast.error .ico{color:#ff7e9a}.empty{padding:34px 15px;text-align:center;color:#97a2b1;font-size:10px}.side-nav .ico{width:17px}.side-nav .nav-item span{flex:1}.side-nav .nav-item .ico{flex:0 0 auto}.account-box .btn{margin-inline-start:auto}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.sidebar{width:220px}.top-center{display:none}.dialer-layout{grid-template-columns:280px minmax(0,1fr)}.pipeline-board{grid-template-columns:repeat(8,225px)}}
@media(max-width:900px){.sidebar{display:none}.topbar{padding:0 15px}.top-actions .btn-ghost{display:none}.content{padding:18px}.page-head{align-items:flex-start;flex-direction:column}.today-hero{align-items:flex-start;flex-direction:column}.hero-progress{width:100%}.dash-grid,.follow-grid,.activity-grid,.tools-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:repeat(2,1fr)}.dialer-layout{grid-template-columns:1fr}.queue-list{order:2}.queue-items{max-height:300px;overflow:auto}.call-buttons{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.report-stats{grid-template-columns:repeat(2,1fr)}.rule-grid{grid-template-columns:1fr 1fr}.shortcut-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.content{padding:12px}.topbar{height:68px}.page-head h1{font-size:22px}.stats-grid{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr}.field-grid,.call-grid,.call-top-fields{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr}.rule-grid{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:1fr}.drawer{padding:14px}.drawer-stats{grid-template-columns:repeat(2,1fr)}.today-hero h2{font-size:22px}.focus-top{flex-direction:column}.focus-badges{justify-content:flex-start}}

.import-panel{margin-top:16px}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:14px 0 4px;padding:28px 18px;border:1.5px dashed #7b91c9;border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,.055),rgba(99,102,241,.06));text-align:center;cursor:pointer;transition:.18s}.import-dropzone b{font-size:15px;color:var(--text,#18233b)}.import-dropzone span,.import-dropzone small{color:var(--muted,#74809a);font-size:12px}.import-dropzone.dragover{border-color:#326cff;background:rgba(59,130,246,.13);transform:scale(1.003)}