:root{--bg:#070b18;--surface:#10172a;--line:rgba(142,165,220,.15);--text:#f4f7ff;--muted:#91a0bf;--blue:#6f7cff;--cyan:#4fd6ee;--green:#49d79b;--red:#ff6d78;--shadow:0 22px 50px rgba(0,0,0,.27)}
.connector-accordion{grid-column:1/-1;border:1px solid rgba(124,145,220,.22);border-radius:12px;background:rgba(10,18,35,.48);overflow:hidden}.connector-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;list-style:none}.connector-accordion summary::-webkit-details-marker{display:none}.connector-accordion summary:before{content:"▸";color:#9fafff;font-size:16px;transition:.16s}.connector-accordion[open] summary:before{transform:rotate(90deg)}.connector-accordion summary>span:first-of-type{margin-right:auto}.connector-accordion summary b{display:block}.connector-accordion summary small{display:block;margin-top:4px;color:#91a0bf;font-size:11px}.connector-accordion-hint{color:#91a0bf;font-size:11px}.connector-accordion[open] .connector-accordion-hint{font-size:0}.connector-accordion[open] .connector-accordion-hint:after{content:"Свий";font-size:11px}.connector-store-grid{padding:0 14px 14px}
.connector-preview{margin-top:16px;padding:15px;border:1px solid rgba(79,214,238,.28);border-radius:12px;background:rgba(28,74,99,.18)}.connector-preview h3{margin:0 0 10px;font-size:15px}.connector-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.connector-capability{padding:6px 9px;border-radius:999px;background:rgba(73,215,155,.12);border:1px solid rgba(73,215,155,.22);color:#9af0c7;font-size:11px;font-weight:700}.connector-confirm-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.connector-confirm-row .call-btn:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.6)}.active-connector-list{display:grid;gap:8px;margin-top:18px}.active-connector{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(143,164,215,.16);border-radius:10px;background:rgba(8,15,29,.46)}.active-connector b{display:block}.active-connector .muted{flex:1}.remove-connector{border:1px solid rgba(255,109,120,.28);border-radius:8px;background:rgba(255,109,120,.1);color:#ffafb6;padding:7px 9px;cursor:pointer}
.connector-name-dialog{width:min(430px,calc(100vw - 32px));padding:0;border:1px solid rgba(137,157,255,.45);border-radius:15px;background:linear-gradient(145deg,#172444,#0d162b);color:#f4f7ff;box-shadow:0 26px 80px rgba(0,0,0,.55)}.connector-name-dialog::backdrop{background:rgba(2,6,16,.72)}.connector-name-dialog form{padding:22px}.connector-name-dialog h2{margin:0 0 8px;font-size:19px}.connector-name-dialog p{margin:0 0 18px;color:#aab7d2;font-size:13px;line-height:1.45}.connector-name-dialog label{display:block;margin-bottom:7px;color:#c9d4f0;font-size:12px;font-weight:800}.connector-name-dialog input{width:100%;padding:11px 12px;border:1px solid rgba(160,181,241,.3);border-radius:9px;background:#091225;color:#fff;font:inherit;outline:none}.connector-name-dialog input:focus{border-color:#8291ff;box-shadow:0 0 0 3px rgba(111,124,255,.16)}.connector-name-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.connector-name-actions .call-btn{margin:0}
.connector-workspace{display:none}.admin-lock{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:20px;border:1px solid rgba(251,191,98,.22);border-radius:14px;background:linear-gradient(135deg,rgba(79,54,30,.26),rgba(17,25,45,.7))}.admin-lock-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(251,191,98,.14);color:#ffd28a;font-size:27px}.admin-lock b{font-size:15px}.admin-lock p{margin:5px 0 0;color:var(--muted);font-size:12px}.admin-login-row{display:flex;grid-column:2;gap:8px}.password-field{display:flex;flex:1;min-width:0;position:relative}.admin-login-row input{flex:1;min-width:0;padding:11px 45px 11px 12px;border:1px solid rgba(163,181,232,.23);border-radius:10px;background:#0a1121;color:#f2f5ff;outline:none}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#9eadff;font-size:18px;cursor:pointer}.password-toggle:hover{background:rgba(123,140,255,.15);color:#fff}.admin-login-row input:focus{border-color:#8291ff;box-shadow:0 0 0 3px rgba(111,124,255,.13)}.admin-login-row .call-btn{margin:0}.admin-lock #adminLoginMessage{grid-column:2}#adminWorkspace .connector-workspace{display:block;margin-top:18px}#adminWorkspace .middleware-panel{height:auto;min-height:600px}.connector-workspace .middleware-frame-wrap{height:570px}@media(max-width:720px){.admin-lock{grid-template-columns:1fr}.admin-login-row,.admin-lock #adminLoginMessage{grid-column:1}}
.connector-actions{display:flex;gap:8px;align-items:center}.delete-training{border:1px solid rgba(239,68,68,.48);border-radius:8px;background:rgba(127,29,29,.22);color:#ffd3d3;padding:7px 10px;cursor:pointer;font-size:12px}.delete-training:hover{background:rgba(185,28,28,.42)}.connector-runtime-loading{margin:12px 12px 0;padding:10px 12px;border:1px solid rgba(98,209,255,.3);border-radius:9px;background:rgba(14,72,107,.25);color:#bcecff;font-size:13px}.connector-runtime-loading[hidden]{display:none}@media(max-width:720px){.connector-actions{flex-wrap:wrap}}
#connectorRuntimeFrame,#testConnectorFrame{width:100%;height:100%;border:0;background:#fff;display:block}
#connectorRuntime.connector-background-run{display:block;position:fixed;left:-10000px;top:0;width:2px;height:2px;overflow:hidden;opacity:0;pointer-events:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 74% -20%,#273262 0,transparent 34%),radial-gradient(circle at 11% 108%,#132d45 0,transparent 32%),var(--bg);color:var(--text);font:14px Inter,"Segoe UI",Arial,sans-serif}.app{display:flex;height:100vh;min-height:650px}.sidebar{position:relative;width:258px;flex:0 0 258px;padding:24px 14px 16px;background:linear-gradient(180deg,rgba(15,23,43,.96),rgba(8,14,28,.98));border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 17px}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#75e4ff,#6b58ef 55%,#e477e7);box-shadow:0 9px 22px rgba(99,104,255,.32);color:#fff;font-weight:900}.brand b{display:block;font-size:12px;letter-spacing:1.35px}.brand span{display:block;margin-top:4px;color:#8393b4;font-size:9px;font-weight:700;letter-spacing:1px}.sidebar-live{display:flex;align-items:center;gap:8px;margin:0 9px 22px;padding:9px 11px;border:1px solid rgba(73,215,155,.18);border-radius:11px;background:rgba(41,168,118,.08);color:#9aeccb;font-size:11px;font-weight:700}.live-dot,.status i{width:7px;height:7px;border-radius:50%;background:#4cdd9c;box-shadow:0 0 0 5px rgba(76,221,156,.12)}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav{width:100%;border:1px solid transparent;background:transparent;color:#9aa9c8;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:11px;text-align:left;cursor:pointer;font-size:14px;transition:.18s}.nav-icon{width:21px;min-width:21px;text-align:center;font-size:15px}.nav:hover{color:#fff;background:rgba(121,142,199,.1)}.nav.active{color:#fff;background:linear-gradient(90deg,rgba(105,119,255,.28),rgba(105,119,255,.09));border-color:rgba(128,142,255,.19);box-shadow:inset 3px 0 0 #7483ff}.side-bottom{margin-top:auto;padding:14px 10px 0}.side-version{color:#607191;font-size:11px}main{flex:1;min-width:0;padding:28px clamp(20px,3vw,46px);overflow:auto}header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin:0 0 27px}.eyebrow,.panel-kicker{display:block;color:#7d8df3;font-size:10px;font-weight:800;letter-spacing:1.25px}.eyebrow{margin-bottom:7px}h1{margin:0 0 5px;font-size:30px;letter-spacing:-.6px}header p{margin:0;color:var(--muted)}.top-status{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.status{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(73,215,155,.15);border-radius:20px;background:rgba(42,174,122,.11);color:#7ee7b5;font-size:10px;font-weight:800;letter-spacing:.25px}.status i{display:inline-block;margin:0}.status.off{border-color:rgba(255,109,120,.18);background:rgba(255,109,120,.1);color:#ff9ba3}.status.off i{background:var(--red);box-shadow:0 0 0 5px rgba(255,109,120,.1)}.status.blue{border-color:rgba(111,124,255,.18);background:rgba(111,124,255,.14);color:#aeb9ff}.ai-toggle-wrap{font-size:11px!important;color:#dce3ff}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,29,52,.93),rgba(12,19,35,.93));box-shadow:var(--shadow);border-radius:17px}.card{position:relative;min-height:132px;padding:18px;overflow:hidden}.card:after{content:"";position:absolute;width:110px;height:110px;right:-52px;bottom:-61px;border-radius:50%;background:radial-gradient(circle,rgba(108,128,255,.24),transparent 67%)}.card-top{display:flex;align-items:center;gap:8px;color:#94a5cb;font-size:10px;font-weight:800;letter-spacing:1px}.card-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(117,137,255,.13);color:#aeb8ff;font-size:14px}.card strong{position:relative;z-index:1;display:block;margin:12px 0 4px;font-size:25px;letter-spacing:-.5px}.card small,.device small{display:block;color:#91a0bf;font-size:11px}.card-incoming .card-icon{background:rgba(73,215,155,.12);color:#7ee7b5}.card-missed .card-icon{background:rgba(255,109,120,.12);color:#ff9ba3}.panel{position:relative;padding:20px;min-height:175px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head b{display:block;margin-top:3px;font-size:15px}.pill{padding:5px 9px;border:1px solid rgba(145,160,191,.14);border-radius:999px;background:rgba(145,160,191,.12);color:#bdc8df;font-size:10px;font-weight:800;letter-spacing:.45px}.pill.green{border-color:rgba(73,215,155,.2);background:rgba(73,215,155,.11);color:#8bedbd}.current-call-panel{min-height:212px;margin:0 0 18px;padding:21px 22px;overflow:hidden;border-color:rgba(112,132,255,.28);background:linear-gradient(110deg,rgba(20,30,58,.98),rgba(12,21,39,.98))}.call-glow{position:absolute;width:340px;height:340px;right:-130px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(78,213,238,.2),rgba(95,112,255,.08) 36%,transparent 68%);pointer-events:none}.current-client-focus{position:relative;z-index:1;padding:4px 0 0}.focus-label{color:#86a4ff;font-size:11px;font-weight:800;letter-spacing:.8px}.focus-phone{margin-top:6px;font-size:28px;font-weight:800;letter-spacing:.4px}.current-empty,.empty{position:relative;z-index:1;padding:19px 0;color:#8999b8}.call-actions{position:absolute;z-index:2;right:21px;bottom:20px;display:flex;justify-content:flex-end}.call-btn,.danger-btn,.small-btn{border:0;border-radius:10px;cursor:pointer;font-weight:800;transition:.18s}.call-btn{margin-top:14px;padding:10px 14px;background:linear-gradient(135deg,#6d7dff,#5864dc);color:#fff;box-shadow:0 8px 18px rgba(91,104,235,.25)}.call-btn:hover,.small-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.danger-btn{padding:11px 16px;background:linear-gradient(135deg,#ef4d55,#b7242b);color:#fff;box-shadow:0 9px 20px rgba(205,43,50,.25)}.danger-btn:hover{filter:brightness(1.12)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workspace-panel,.missed-panel{min-height:247px}.action-stack{display:grid;gap:11px}.action-tile{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(143,164,215,.14);border-radius:13px;background:rgba(11,18,34,.42);color:#eaf0ff;text-align:left;cursor:pointer;transition:.18s}.action-tile:hover{transform:translateX(3px);border-color:rgba(123,141,255,.48);background:rgba(85,101,205,.12)}.action-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(111,124,255,.16);color:#b7c1ff;font-size:23px}.action-orders .action-icon{background:rgba(73,215,155,.12);color:#91efc2}.action-tile b,.action-tile small{display:block}.action-tile b{font-size:14px}.action-tile small{margin-top:3px;color:#91a0bf;font-size:11px}.action-tile i{color:#aab6ff;font-style:normal;font-size:20px}.view{display:none}.view.active{display:block}.muted{color:var(--muted);font-size:12px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field,.statbox,.device,.missed-call,.missed-card{border:1px solid rgba(143,164,215,.14);border-radius:12px;background:rgba(10,18,35,.48)}.field{padding:14px}.field label{display:block;margin-bottom:6px;color:#91a1c2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.call-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statbox{padding:16px}.statbox span{color:#91a1c2;font-size:11px}.statbox b{display:block;margin-top:6px;font-size:25px}.device-list,.missed-list{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}.device{display:flex;align-items:center;gap:13px;padding:13px}.device-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(111,124,255,.14)}.dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#51d89e;box-shadow:0 0 0 5px rgba(81,216,158,.1)}.dot.off{background:#e46d78;box-shadow:none}.small-btn{padding:8px 11px;border:1px solid rgba(134,157,220,.24);background:#1b2947;color:#e4ebff}.setting-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);color:#b6c3dc}.setting-row:last-child{border:0}code{color:#8da9ff}.middleware-panel{height:calc(100vh - 125px)}.middleware-frame-wrap{height:calc(100% - 70px);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}#middlewareFrame{width:100%;height:100%;border:0;background:#fff}.missed-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.missed-card,.missed-call{padding:13px}.missed-title,.missed-call-name{font-weight:800;margin-bottom:7px}.missed-number,.missed-call-number{font-size:17px;font-weight:800}.missed-call-time,.missed-call-store{color:#91a0bf;font-size:11px}.missed-call-orders{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:#9aafff;font-size:12px}.missed-call-actions,.middleware-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.missed-call-actions button{border:1px solid rgba(134,157,220,.24);border-radius:8px;background:#1b2947;color:#e4ebff;padding:7px 11px;cursor:pointer}.middleware-full-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.middleware-order-live{display:block;margin-top:12px}.sidebar-cards{margin-top:18px;display:flex;flex-direction:column;gap:10px}.sidebar-cards .compact-panel{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(16,28,50,.8)}.sidebar-cards .compact-number{font-size:27px;font-weight:800;margin-top:7px}@media(max-width:1080px){.sidebar{width:220px;flex-basis:220px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:720px){.app{height:auto;min-height:100vh}.sidebar{display:none}main{padding:20px 15px}header{flex-direction:column;margin-bottom:20px}.top-status{justify-content:flex-start}.cards{gap:10px}.card{min-height:112px;padding:14px}.grid,.client-grid,.call-stats{grid-template-columns:1fr}.current-call-panel{min-height:255px}.call-actions{left:20px;right:auto}.focus-phone{font-size:23px}.middleware-panel{height:calc(100vh - 92px)}}