:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10234a;background:#f4f7fc;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #1457d9;--blue-dark: #0d3f9c;--blue-soft: #eaf1ff;--navy: #10234a;--muted: #71809d;--line: #e5eaf3;--surface: #fff;--success: #168765;--danger: #d8495d;--warning: #c57717;--shadow: 0 12px 35px rgba(31, 63, 120, .07)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#f4f7fc}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:268px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:24px 18px}.brand{display:flex;align-items:center;gap:11px;min-height:50px;padding:0 8px 22px}.brand img{width:42px;height:42px;object-fit:contain;object-position:left}.brand>div{min-width:0}.brand b{display:block;color:#153368;font-size:15px;letter-spacing:.08em}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;gap:5px;flex:1;padding-top:12px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:45px;border-radius:12px;padding:0 13px;color:#53627e;font-weight:600;font-size:14px;transition:.18s ease}.sidebar nav a:hover{background:#f5f8fe;color:var(--blue)}.sidebar nav a.active{background:linear-gradient(135deg,#eaf1ff,#f2f6ff);color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.sidebar nav a em{margin-left:auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:11px;background:#dce9ff;color:var(--blue);font-size:11px;font-style:normal}.sidebar nav a em.nav-alert{background:#fff0f2;color:var(--danger)}.sidebar-foot{display:flex;align-items:center;gap:10px;padding:15px 12px 2px;border-top:1px solid var(--line)}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot b{font-size:13px}.sidebar-foot small{color:var(--muted);margin-top:2px}.connection-orb{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#b8c0ce;box-shadow:0 0 0 4px #edf0f5}.connection-orb.online{background:#20b585;box-shadow:0 0 0 4px #e4f8f1}.sidebar-close,.mobile-menu,.sidebar-scrim{display:none!important}.workspace{width:calc(100% - 268px);min-width:0;margin-left:268px}.topbar{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#ffffffeb;border-bottom:1px solid rgba(224,230,241,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-status{display:flex;align-items:center;gap:9px;color:#65738d;font-size:13px;font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer;transition:.16s ease}.icon-button:hover:not(:disabled){color:var(--blue);border-color:#c8d8f6;background:#f6f9ff}.icon-button:disabled{opacity:.42;cursor:not-allowed}.notification-wrap,.notification-button{position:relative}.notification-button em{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:var(--danger);border:2px solid #fff;border-radius:10px;color:#fff;font-size:10px;font-style:normal}.notifications{position:absolute;top:48px;right:0;width:285px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 20px 50px #142c5a29}.notifications h3{margin:0 0 10px;font-size:14px}.notifications a{display:flex;justify-content:space-between;padding:11px 5px;border-top:1px solid var(--line);font-size:13px}.notifications a:hover span,.notifications b{color:var(--blue)}.user-menu{display:flex;align-items:center;gap:10px;padding:0 8px 0 4px}.user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#1b67ea,#103f9f);font-weight:800}.user-menu b,.user-menu span{display:block}.user-menu b{font-size:13px}.user-menu div span{color:var(--muted);margin-top:2px;font-size:11px}.logout{color:#7e899c}.content{width:min(1600px,100%);min-height:calc(100vh - 76px);padding:32px 34px 55px;margin:0 auto}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title h1{margin-bottom:7px;font-size:clamp(25px,2.3vw,34px);line-height:1.1;letter-spacing:-.035em;color:var(--navy)}.page-title p{margin:0;color:var(--muted);font-size:14px}.page-actions{display:flex;align-items:center;gap:9px}.panel{background:var(--surface);border:1px solid #e8edf5;border-radius:18px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel-heading h2{margin:0 0 5px;color:var(--navy);font-size:17px;letter-spacing:-.015em}.panel-heading p{margin:0;color:var(--muted);font-size:12px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:0 16px;font-size:13px;font-weight:700;cursor:pointer;transition:.16s ease}.button.primary{color:#fff;background:linear-gradient(135deg,#1764eb,#114abf);box-shadow:0 8px 20px #1457d933}.button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #1457d947}.button.secondary{color:var(--blue);border-color:#cedcf7;background:#f6f9ff}.button.ghost{color:#63718b;border-color:var(--line);background:#fff}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.state-box{min-height:170px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:#fff;border:1px dashed #dce3ef;border-radius:18px}.state-box.error{color:var(--danger)}.empty-state{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px;color:var(--muted);background:#fff;border:1px dashed #d9e0ec;border-radius:20px}.empty-symbol{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:18px;color:var(--blue);background:var(--blue-soft);font-size:21px;font-weight:800}.empty-state h3{margin-bottom:7px;color:var(--navy);font-size:17px}.empty-state p{max-width:490px;margin:0;line-height:1.55;font-size:13px}.source-badge,.live-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:var(--blue);background:var(--blue-soft);border-radius:9px;font-size:11px;font-weight:700}.live-badge{color:var(--success);background:#e7f8f2}.live-badge i{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #1687651a}}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px;margin-bottom:20px}.metric-card{position:relative;overflow:hidden;min-height:132px;padding:20px;border:1px solid #e8edf5;border-radius:17px;background:#fff;box-shadow:0 9px 28px #1b3a6d0e}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--metric, var(--blue))}.metric-card>span{display:block;color:#71809b;font-size:12px;font-weight:650}.metric-card strong{display:block;margin:11px 0 7px;color:#142b57;font-size:29px;line-height:1;letter-spacing:-.04em}.metric-card strong.metric-empty{color:#8390a7;font-size:18px;letter-spacing:0}.metric-card small{color:#8c98ad;font-size:10.5px}.metric-blue{--metric: #2268e7}.metric-cyan{--metric: #14a2cb}.metric-red{--metric: #e05769}.metric-green{--metric: #20a97f}.metric-violet{--metric: #8b65d6}.metric-indigo{--metric: #596ddc}.metric-orange{--metric: #e69732}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.8fr);gap:18px}.activity-panel,.today-summary{padding:22px}.hour-chart{height:225px;display:flex;align-items:flex-end;gap:clamp(3px,.6vw,9px);padding-top:28px;border-bottom:1px solid var(--line)}.hour-column{position:relative;height:100%;flex:1;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.hour-bars{width:100%;min-height:3px;display:flex;overflow:hidden;flex-direction:column;justify-content:flex-end;border-radius:5px 5px 1px 1px;transition:height .25s ease}.hour-bars span{display:block;min-height:1px}.bar-in{background:#1f64e0}.bar-out{background:#68b9f4}.bar-internal{background:#8b65d6}.hour-column small{position:absolute;bottom:-21px;color:#8491a7;font-size:9px}.chart-legend{display:flex;gap:18px;margin-top:32px;color:var(--muted);font-size:11px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:3px}.legend-in{background:#1f64e0}.legend-out{background:#68b9f4}.legend-internal{background:#8b65d6}.summary-list{margin-top:14px}.summary-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f6;font-size:12px}.summary-list strong{font-size:18px}.summary-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px}.summary-icon.blue{color:var(--blue);background:#eaf1ff}.summary-icon.green{color:var(--success);background:#e7f8f2}.summary-icon.red{color:var(--danger);background:#fff0f2}.summary-icon.violet{color:#7556c7;background:#f0ebff}.summary-footnote{display:flex;gap:8px;margin-top:16px;color:#8490a4;font-size:10px;line-height:1.45}.incoming-banner{display:grid;grid-template-columns:auto 1.1fr 1fr auto;align-items:center;gap:18px;margin-bottom:20px;padding:18px 20px;border:1px solid #cde0ff;border-radius:18px;background:linear-gradient(120deg,#f2f7ff,#fff);box-shadow:0 15px 35px #1759c81a}.incoming-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:#fff;background:var(--blue);animation:incomingPulse 1.8s infinite}@keyframes incomingPulse{50%{box-shadow:0 0 0 9px #1457d917}}.incoming-main span,.incoming-main small,.incoming-customer span{display:block}.incoming-main span{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.incoming-main strong{display:block;margin:3px 0;font-size:22px}.incoming-main small{color:var(--muted)}.incoming-customer{padding-left:18px;border-left:1px solid #dae5f7;font-size:12px}.incoming-customer span{color:var(--muted);margin-top:3px}.incoming-repeat{color:#62718c;font-size:11px}.incoming-actions{grid-column:2 / -1;display:flex;align-items:center;gap:8px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(310px,1fr));gap:16px}.live-call-card{padding:20px;border:1px solid #e3eaf6;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.live-call-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf1f6}.avatar-call{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--blue);background:#eaf1ff}.live-call-head strong,.live-call-head span{display:block}.live-call-head strong{font-size:17px}.live-call-head div span{color:var(--muted);margin-top:3px;font-size:11px}.live-call-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0}.live-call-meta>div{min-width:0}.live-call-meta svg{color:#91a0b7;margin-bottom:7px}.live-call-meta span,.live-call-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-call-meta span{color:var(--muted);font-size:10px}.live-call-meta b{margin-top:3px;font-size:12px}.live-call-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.status,.direction{display:inline-flex;width:fit-content;align-items:center;min-height:25px;padding:0 9px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap}.status-answered,.status-talking{color:#087854;background:#e2f7ef}.status-ringing,.status-connecting{color:#1457d9;background:#e8f0ff}.status-waiting,.status-hold{color:#a15c09;background:#fff2dd}.status-missed,.status-failed,.status-busy{color:#bd3147;background:#ffebee}.status-unknown,.status-ended{color:#66738a;background:#edf0f5}.direction{color:#57657e;background:#f0f3f8}.direction-inbound{color:#087a62;background:#e8f8f3}.direction-outbound{color:#175bc8;background:#e9f1ff}.direction-internal{color:#7654bd;background:#f1ecfb}.ai-tag{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:4px 7px;color:#6b49bb;background:#f1ebff;border-radius:7px;font-size:10px;font-weight:800}.filters{display:grid;grid-template-columns:1.5fr repeat(4,minmax(130px,1fr));gap:13px;margin-bottom:17px;padding:17px}.field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#68758d;font-size:10px;font-weight:700}.field>span{padding-left:2px}input,select,textarea{width:100%;min-height:40px;padding:0 11px;color:#20345b;border:1px solid #dce3ee;outline:none;border-radius:10px;background:#fff;font-size:12px;transition:.15s ease}textarea{padding-top:10px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#8eb3f4;box-shadow:0 0 0 3px #1457d914}.input-icon{position:relative}.input-icon>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#8693a8;pointer-events:none}.input-icon input{padding-left:35px}.input-icon.grow{flex:1}.filter-actions{display:flex;align-items:flex-end;gap:8px}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}.table-panel table{width:100%;border-collapse:collapse;font-size:11px}.table-panel th{padding:12px 13px;color:#8490a4;background:#f8fafe;border-bottom:1px solid #e7ecf4;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table-panel td{max-width:180px;padding:13px;border-bottom:1px solid #eef2f7;color:#516079;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-panel td b{color:#283c60}.clickable-row{cursor:pointer;transition:.12s ease;outline:none}.clickable-row:hover,.clickable-row:focus{background:#f6f9ff}.yes-icon{color:var(--blue)}.callback-tag{display:block;width:fit-content;margin-top:4px;padding:2px 5px;color:#c14256;background:#ffedf0;border-radius:4px;font-size:8px;font-weight:800}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;color:var(--muted);font-size:11px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination .icon-button{width:32px;height:32px}.pagination svg{width:17px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#0d1b378c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(570px,100%);max-height:min(880px,calc(100vh - 44px));overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 30px 80px #05143247}.modal-wide{width:min(960px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 22px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:18px}.modal-body{max-height:calc(100vh - 112px);padding:22px;overflow-y:auto}.detail-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;background:linear-gradient(135deg,#f3f7ff,#fff);border:1px solid #e1eaff;border-radius:16px}.call-avatar{display:grid;place-items:center;width:51px;height:51px;border-radius:16px;color:#fff;background:var(--blue)}.detail-hero span,.detail-hero p{color:var(--muted);font-size:11px}.detail-hero h3{margin:3px 0;font-size:21px}.detail-hero p{margin:0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:17px 0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.detail-grid>div{min-height:70px;padding:13px;background:#fff}.detail-grid span,.detail-grid b{display:block}.detail-grid span{color:var(--muted);font-size:9px}.detail-grid b{margin-top:6px;font-size:11px}.action-strip{display:flex;align-items:center;gap:12px;padding:13px;color:#9c3546;border:1px solid #f4cad1;border-radius:12px;background:#fff5f6;font-size:11px}.action-strip>span{flex:1}.detail-section{padding:19px 2px;border-top:1px solid var(--line)}.detail-section h3{margin-bottom:14px;font-size:14px}.timeline{position:relative;margin:0;padding:0;list-style:none}.timeline:before{content:"";position:absolute;left:6px;top:9px;bottom:9px;width:1px;background:#d9e3f4}.timeline li{position:relative;display:flex;gap:13px;padding:0 0 15px}.timeline li>i{position:relative;z-index:1;width:13px;height:13px;flex:0 0 13px;margin-top:2px;border:3px solid #d9e7ff;border-radius:50%;background:var(--blue)}.timeline b,.timeline span{display:block}.timeline b{font-size:11px}.timeline span{color:var(--muted);margin-top:2px;font-size:9px}.timeline details{margin-top:6px;font-size:9px}.timeline summary,.technical summary{color:var(--blue);cursor:pointer}.timeline pre{max-width:700px;padding:8px;overflow:auto;background:#f5f7fb;border-radius:7px;color:#56647b;font-size:9px}.recording-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f9fbfe}.recording-row+.recording-row{margin-top:8px}.recording-row audio{width:min(350px,45%);height:36px}.recording-row>div{flex:1;min-width:0}.recording-row b,.recording-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-row b{font-size:10px}.recording-row span{color:var(--muted);margin-top:3px;font-size:9px}.mira-detail{padding:15px;border-radius:14px;background:#f8f5ff}.mira-detail>div{margin-bottom:12px}.mira-detail span{display:block;color:#806ba8;font-size:9px}.mira-detail b,.mira-detail p{margin:4px 0 0;font-size:11px;line-height:1.5}.technical{padding:13px;background:#f7f9fc;border-radius:12px;font-size:10px}.technical dl{display:grid;grid-template-columns:80px 1fr;gap:5px}.technical dt{color:var(--muted)}.technical dd{margin:0;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.search-panel{display:flex;gap:10px;margin-bottom:17px;padding:15px}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:13px}.customer-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px;text-align:left;border:1px solid #e5eaf3;border-radius:16px;background:#fff;box-shadow:0 7px 24px #1c3c6e0b;cursor:pointer;transition:.17s ease}.customer-card:hover{transform:translateY(-2px);border-color:#bed2f6;box-shadow:0 13px 31px #1c3c6e17}.customer-avatar{display:grid;place-items:center;width:43px;height:43px;color:var(--blue);background:var(--blue-soft);border-radius:14px;font-weight:800}.customer-card-main{min-width:0}.customer-card-main strong,.customer-card-main span{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-main strong{margin-bottom:7px;font-size:13px}.customer-card-main span{color:var(--muted);margin-top:3px;font-size:10px}.customer-card-side{min-width:115px;padding-left:14px;border-left:1px solid var(--line);text-align:right}.customer-card-side span,.customer-card-side b,.customer-card-side small{display:block}.customer-card-side span{color:var(--muted);font-size:9px}.customer-card-side b{margin:4px 0 9px;font-size:12px}.customer-card-side small{color:#8b97aa;font-size:9px}.customer-form{display:flex;flex-direction:column;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error,.login-error{margin:0;padding:10px 12px;color:#b93249;background:#ffeff1;border-radius:9px;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.back-link{display:inline-flex;align-items:center;gap:6px;padding:0;margin-bottom:15px;color:var(--blue);border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.customer-profile{display:grid;grid-template-columns:auto repeat(5,1fr);align-items:center;gap:20px;padding:21px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;color:var(--blue);background:var(--blue-soft);border-radius:19px}.customer-profile span,.customer-profile b{display:block}.customer-profile span{color:var(--muted);font-size:9px}.customer-profile b{margin-top:5px;font-size:11px;overflow-wrap:anywhere}.tabs{display:flex;gap:5px;margin:20px 0 10px;padding:5px;width:fit-content;border:1px solid var(--line);border-radius:12px;background:#fff}.tabs button{min-height:34px;padding:0 13px;color:var(--muted);border:0;border-radius:8px;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.tabs button.active{color:var(--blue);background:var(--blue-soft)}.tabs button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;background:#fff;border-radius:9px;font-size:8px}.tab-panel{min-height:240px;padding:21px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.overview-grid article{padding:15px;border:1px solid var(--line);border-radius:13px}.overview-grid h3{font-size:12px}.overview-grid p{display:flex;align-items:flex-start;gap:7px;margin-bottom:10px;color:var(--muted);font-size:10px;line-height:1.5}.compact-list>div{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,1fr);align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:10px}.compact-list>div:last-child{border-bottom:0}.compact-list b,.compact-list span{display:block}.compact-list div>div span{color:var(--muted);margin-top:3px}.integration-notice{display:grid;min-height:190px;place-content:center;text-align:center}.integration-notice h3{color:var(--blue)}.integration-notice p{margin-bottom:6px;font-size:13px}.integration-notice small{color:var(--muted)}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(310px,1fr));gap:14px}.employee-card{padding:18px}.employee-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.employee-avatar{display:grid;place-items:center;width:43px;height:43px;color:var(--blue);background:var(--blue-soft);border-radius:14px}.employee-head h3{margin:0 0 3px;font-size:13px}.employee-head div span{color:var(--muted);font-size:9px}.presence{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.presence i{width:7px;height:7px;border-radius:50%;background:#aeb7c5}.presence-online{color:var(--success)}.presence-online i{background:var(--success)}.presence-talking{color:var(--blue)}.presence-talking i{background:var(--blue)}.employee-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.employee-card dl>div{padding:10px;background:#f7f9fc;border-radius:10px}.employee-card dt{color:var(--muted);font-size:8px}.employee-card dd{margin:5px 0 0;font-size:10px;font-weight:750}.endpoint-link{display:flex;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.endpoint-link select{flex:1}.discovered{margin-top:17px;padding:19px}.endpoint-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.endpoint-chips span{display:flex;align-items:center;gap:5px;padding:7px 10px;color:var(--blue);background:var(--blue-soft);border-radius:8px;font-size:10px}.employee-disabled{opacity:.78}.presence-blocked{color:var(--danger)}.presence-blocked i{background:var(--danger)}.employee-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.employee-badges span{padding:5px 8px;border-radius:7px;font-size:8px;font-weight:800}.badge-ok,.web-active{color:var(--success);background:#e7f8f2}.badge-off,.web-blocked{color:var(--danger);background:#ffedf0}.web-activation_required{color:var(--warning);background:#fff2dd}.employee-actions{border-top:1px solid var(--line)}.employee-actions .endpoint-link{border-top:0}.employee-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:9px}.employee-secondary-actions .button{min-height:35px;font-size:10px}.transcription-section>h3,.crm-recording-status>h3{display:flex;align-items:center;gap:7px}.transcription{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.transcription-state{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:700}.transcription-state.failed{justify-content:space-between;color:var(--danger)}.transcript-segments{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.transcript-segments li{display:grid;grid-template-columns:52px 1fr;gap:10px}.transcript-segments time{color:var(--blue);font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.transcript-segments p,.transcript-text{margin:0;color:#344664;font-size:11px;line-height:1.55;white-space:pre-wrap}.transcript-meta{display:block;margin-top:13px;color:var(--muted);font-size:8px}.crm-recording-status>div{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;border-radius:10px;background:#f7f9fc;font-size:10px}.crm-recording-status b{color:var(--success)}.crm-job-states{display:flex;align-items:flex-end;flex-direction:column;gap:3px;text-align:right}.crm-job-states small{color:var(--muted);font-size:8px}.activation-state{width:min(390px,100%);text-align:center;color:var(--muted)}.activation-state>svg{width:46px;height:46px;margin-bottom:15px;color:var(--blue)}.activation-state.activation-error>svg{color:var(--danger)}.activation-state h2{color:var(--navy)}.activation-state .button{margin-top:12px}.password-rules{margin:-3px 0 14px;padding:10px 12px;color:var(--muted);background:#f5f7fb;border-radius:9px;font-size:9px;line-height:1.5}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:15px}.queue-card{padding:20px}.queue-card header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px}.queue-icon{display:grid;place-items:center;width:43px;height:43px;color:var(--blue);background:var(--blue-soft);border-radius:14px}.queue-card header h3{margin:0 0 3px;font-size:14px}.queue-card header span,.queue-card header small{color:var(--muted);font-size:9px}.queue-card header strong{font-size:25px}.queue-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:17px}.queue-stats div{min-height:65px;padding:9px;background:#f7f9fc;border-radius:10px}.queue-stats svg{color:var(--blue)}.queue-stats span,.queue-stats b{display:block}.queue-stats span{color:var(--muted);margin-top:3px;font-size:8px}.queue-stats b{margin-top:4px;font-size:10px}.mira-list{display:flex;flex-direction:column;gap:9px}.mira-card{overflow:hidden}.mira-summary{width:100%;display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:center;gap:15px;padding:15px 18px;text-align:left;border:0;background:#fff;cursor:pointer}.mira-summary:hover{background:#fafbfe}.mira-summary>span:first-child{display:none}.mira-summary>span:nth-child(2){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px}.mira-avatar{grid-row:1/-1;display:grid!important;place-items:center;width:38px;height:38px;color:#704dcc;background:#f0eaff;border-radius:12px}.mira-summary small,.mira-summary b,.mira-summary em{display:block}.mira-summary small{color:var(--muted);font-size:8px}.mira-summary b{margin-top:4px;font-size:11px}.mira-summary em{color:var(--muted);margin-top:2px;font-size:9px;font-style:normal}.mira-summary>span:last-child{display:flex;width:fit-content;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;font-size:9px;font-weight:800}.mira-summary>span:last-child svg{width:14px}.mira-success{color:var(--success);background:#e8f8f3}.mira-error{color:var(--danger);background:#ffedf0}.mira-neutral{color:#64718a;background:#eff2f6}.mira-expanded{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:17px 20px;border-top:1px solid var(--line);background:#fafbfe}.mira-expanded>div{padding:12px;border-radius:10px;background:#fff}.mira-expanded span{color:var(--muted);font-size:8px}.mira-expanded p{margin:5px 0 0;font-size:10px;line-height:1.5}.mira-expanded .error-detail{color:var(--danger);background:#fff3f4}.source-note{grid-column:1/-1;color:var(--muted);font-family:ui-monospace,monospace}.period-picker{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding:11px}.segmented{display:flex;gap:4px}.segmented button{min-height:35px;padding:0 13px;color:var(--muted);border:0;border-radius:9px;background:transparent;font-size:10px;font-weight:750;cursor:pointer}.segmented button.active{color:var(--blue);background:var(--blue-soft)}.custom-period{display:flex;gap:9px}.analytics-metrics{grid-template-columns:repeat(4,1fr)}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:16px}.analytics-grid>article{min-height:260px;padding:20px}.horizontal-chart{margin-top:20px}.horizontal-chart>div{display:grid;grid-template-columns:56px 1fr 28px;align-items:center;gap:10px;min-height:28px}.horizontal-chart span,.horizontal-chart b{font-size:9px}.horizontal-chart div>div{position:relative;height:10px;background:#f0f3f8;border-radius:5px;overflow:hidden}.horizontal-chart i,.horizontal-chart em{position:absolute;inset:0 auto 0 0;display:block;border-radius:5px;background:#2b6ce0}.horizontal-chart em{background:#e95a6d;opacity:.65}.mini-hour-chart{height:190px;display:flex;align-items:flex-end;gap:5px;padding-top:18px;border-bottom:1px solid var(--line)}.mini-hour-chart>div{position:relative;height:100%;flex:1;display:flex;align-items:flex-end}.mini-hour-chart i{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(#3677e9,#1457d9)}.mini-hour-chart small{position:absolute;bottom:-18px;left:0;color:var(--muted);font-size:8px}.operator-stats .compact-list>div{grid-template-columns:1.5fr repeat(3,1fr)}.ratio{height:190px;display:flex;align-items:center;justify-content:center;gap:30px}.ratio div{text-align:center}.ratio strong,.ratio span{display:block}.ratio strong{font-size:37px;color:#704dcc}.ratio div:last-child strong{color:var(--blue)}.ratio span{color:var(--muted);margin-top:5px;font-size:10px}.ratio i{width:1px;height:70px;background:var(--line)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setting-card{display:flex;gap:14px;padding:19px}.setting-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;color:var(--blue);background:var(--blue-soft);border-radius:14px}.setting-card h3{margin:1px 0 5px;font-size:13px}.setting-card strong{color:var(--success);font-size:11px}.setting-card strong.disabled-label{color:var(--danger)}.setting-card p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.audit-panel{margin-top:17px;padding:20px}.audit-list{margin-top:14px}.audit-list>div{display:grid;grid-template-columns:140px 1fr 1fr 1.4fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px}.audit-list span,.audit-list em{color:var(--muted)}.audit-list em{font-style:normal}.audit-list code{color:var(--blue)}.health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.health-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:17px}.health-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--muted);background:#f0f3f7;border-radius:13px}.health-icon svg{width:19px}.health-icon.health-works{color:var(--success);background:#e7f8f2}.health-icon.health-error{color:var(--danger);background:#ffedf0}.health-card h3{margin:0 0 4px;font-size:10px}.health-card strong{font-size:10px}.health-text-works{color:var(--success)}.health-text-error{color:var(--danger)}.health-dot{width:7px;height:7px;border-radius:50%;background:#aab4c4}.health-dot.health-works{background:var(--success)}.health-dot.health-error{background:var(--danger)}.collector-panel{margin-top:17px;padding:20px}.collector-table{margin-top:14px}.collector-table>div{display:grid;grid-template-columns:1fr 100px 180px 1.5fr;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}.collector-table em{color:var(--muted);font-style:normal}.inline-message{margin-bottom:13px;padding:11px 13px;color:var(--blue);background:var(--blue-soft);border-radius:10px;font-size:11px}.boot-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.boot-screen .state-box{width:min(500px,100%)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);background:#fff}.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:45px 55px;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(83,150,255,.48),transparent 30%),linear-gradient(145deg,#0b3b9b,#0d2460)}.visual-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom right,#000,transparent);mask-image:linear-gradient(to bottom right,#000,transparent)}.login-brand,.visual-copy{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:13px}.login-brand img{width:55px;height:55px;object-fit:contain}.login-brand span{font-weight:850;letter-spacing:.12em}.visual-copy{max-width:620px;margin:auto 0}.eyebrow{display:inline-block;margin-bottom:20px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:9px;color:#dbe8ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.visual-copy h1{margin-bottom:22px;color:#fff;font-size:clamp(43px,5vw,68px);line-height:.98;letter-spacing:-.055em}.visual-copy p{max-width:520px;color:#cbdafa;font-size:15px;line-height:1.65}.visual-status{display:flex;align-items:center;gap:8px;margin-top:35px;color:#b8ccef;font-size:11px}.visual-status i{width:8px;height:8px;border-radius:50%;background:#48dbad;box-shadow:0 0 0 5px #48dbad1a}.login-form-side{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%)}.mobile-login-brand{display:none}.login-mark{display:grid;place-items:center;width:50px;height:50px;margin-bottom:20px;color:var(--blue);background:var(--blue-soft);border-radius:16px}.login-card h2{margin-bottom:7px;font-size:27px;letter-spacing:-.035em}.login-card>p{margin-bottom:27px;color:var(--muted);font-size:12px}.login-card>label{display:block;margin-bottom:15px}.login-card label>span{display:block;margin:0 0 7px 2px;color:#61708a;font-size:10px;font-weight:750}.login-card input{min-height:47px;padding-left:40px;font-size:13px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:37px;height:37px;padding:0;color:#8a96aa;border:0;background:transparent;cursor:pointer}.login-error{margin-bottom:14px}.login-submit{width:100%;min-height:47px;margin-top:4px}.login-card>small{display:block;margin-top:18px;color:#929db0;text-align:center;font-size:9px}@media(max-width:1180px){.metric-grid,.filters{grid-template-columns:repeat(3,1fr)}.analytics-metrics{grid-template-columns:repeat(4,1fr)}.customer-profile{grid-template-columns:auto repeat(3,1fr)}.health-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{transform:translate(-100%);box-shadow:20px 0 50px #0b1e4226;transition:transform .22s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:inline-grid!important;margin-left:auto}.sidebar-scrim{position:fixed;inset:0;z-index:25;display:block!important;width:100%;height:100%;padding:0;border:0;background:#0c193259}.workspace{width:100%;margin-left:0}.mobile-menu{display:inline-grid!important}.topbar{padding:0 20px}.content{padding:26px 20px 45px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.incoming-banner{grid-template-columns:auto 1fr}.incoming-customer,.incoming-repeat{grid-column:2;padding-left:0;border-left:0}.incoming-actions{grid-column:1/-1}.detail-grid{grid-template-columns:repeat(2,1fr)}.customer-profile{grid-template-columns:auto repeat(2,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-visual{display:none}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px;color:var(--navy);letter-spacing:.08em}.mobile-login-brand img{width:42px;height:42px;object-fit:contain}.login-form-side{min-height:100vh}}@media(max-width:650px){.topbar{height:64px;padding:0 13px}.content{min-height:calc(100vh - 64px);padding:21px 13px 38px}.top-status,.user-menu div{display:none}.top-actions{margin-left:auto}.page-title{align-items:stretch;flex-direction:column}.page-actions{width:100%}.page-actions>.button{width:100%}.metric-grid,.analytics-metrics,.live-grid,.customer-grid,.employee-grid,.queue-grid,.settings-grid,.health-grid{grid-template-columns:1fr}.metric-card{min-height:112px}.dashboard-grid{grid-template-columns:1fr}.activity-panel{overflow:hidden}.hour-chart{height:180px;gap:3px}.source-badge{align-self:flex-start}.incoming-actions{align-items:stretch;flex-direction:column}.incoming-actions .button{width:100%}.live-call-meta{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column}.filter-actions .button{width:100%}.table-panel{margin:0 -13px;border-radius:0;border-left:0;border-right:0}.modal-backdrop{padding:0;place-items:stretch}.modal{width:100%;height:100vh;max-height:none;border-radius:0}.modal-body{max-height:calc(100vh - 68px)}.detail-hero{grid-template-columns:auto 1fr}.detail-hero>.status{grid-column:2}.detail-grid{grid-template-columns:1fr 1fr}.action-strip,.recording-row{align-items:stretch;flex-direction:column}.recording-row audio{width:100%}.form-row{grid-template-columns:1fr}.customer-card{grid-template-columns:auto 1fr}.customer-card-side{grid-column:2;padding:9px 0 0;border:0;border-top:1px solid var(--line);text-align:left}.search-panel{align-items:stretch;flex-direction:column}.customer-profile{grid-template-columns:auto 1fr}.customer-profile>div:not(.profile-avatar){grid-column:2}.tabs{width:100%;overflow-x:auto}.tabs button{flex:1;white-space:nowrap}.overview-grid{grid-template-columns:1fr}.compact-list>div,.operator-stats .compact-list>div{grid-template-columns:1fr 1fr}.employee-card dl{grid-template-columns:1fr 1fr}.endpoint-link{flex-direction:column}.queue-stats{grid-template-columns:repeat(2,1fr)}.mira-summary{grid-template-columns:1fr 1fr}.mira-summary>span:nth-child(2),.mira-summary>span:last-child{grid-column:1/-1}.mira-expanded{grid-template-columns:1fr}.period-picker{align-items:stretch;flex-direction:column;overflow:auto}.segmented{overflow-x:auto}.segmented button{white-space:nowrap}.custom-period{flex-direction:column}.audit-list>div,.collector-table>div{grid-template-columns:1fr 1fr}.login-form-side{padding:24px}.notification-wrap{position:static}.notifications{top:58px;right:12px}}@media(max-width:650px){.crm-recording-status>div{align-items:flex-start;flex-direction:column}.crm-job-states{align-items:flex-start;text-align:left}}