:root{--bg:#0b1020;--panel:#131a2d;--panel2:#192238;--text:#eef2ff;--muted:#8793ac;--line:#29344e;--brand:#775bff;--brand2:#9d8cff;--green:#27d59b;--red:#ff5c75;--amber:#ffbc57;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
.audio-unlock{margin-top:8px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#28205e 0,transparent 33%),var(--bg);color:var(--text);min-height:100vh}.hidden{display:none!important}.shell{max-width:1240px;margin:auto;padding:28px}.auth-card{width:min(420px,calc(100% - 32px));margin:12vh auto;background:rgba(19,26,45,.96);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 28px 80px #0008}.brand-mark,.logo{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--brand2),var(--brand));color:white;font-weight:800}.brand-mark{width:52px;height:52px;border-radius:16px}.auth-card h1{margin:22px 0 5px}.auth-card p,.muted{color:var(--muted)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.logo{width:36px;height:36px;border-radius:11px;margin-right:12px}.badge{font-size:11px;color:var(--brand2);background:#775bff22;padding:5px 8px;border-radius:99px;margin-left:10px}.header-actions{display:flex;align-items:center;gap:14px}.status{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.panel{background:linear-gradient(160deg,rgba(25,34,56,.96),rgba(16,23,41,.98));border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 18px 45px #0003}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title small{color:var(--brand2);font-size:10px;letter-spacing:.12em;font-weight:800}.panel-title h2{margin:3px 0 12px;font-size:21px}.divider{height:1px;background:var(--line);margin:24px 0}label{display:block;color:#b9c2d5;font-size:13px;margin:15px 0 7px}input,select{width:100%;border:1px solid var(--line);background:#0d1426;color:var(--text);border-radius:11px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--brand)}button{border:0;border-radius:11px;padding:12px 16px;background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;font-weight:750;cursor:pointer;transition:.18s transform,.18s opacity;width:100%}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.38;cursor:not-allowed}.secondary{background:#28334d}.ghost{background:transparent;border:1px solid var(--line);width:auto;padding:8px 12px}.danger{background:#ff5c7520;color:#ff8da0;border:1px solid #ff5c7555}.takeover{background:linear-gradient(135deg,#ffbb4d,#fa7b34);color:#221408}.pill{font-size:11px;border-radius:99px;padding:6px 10px;background:#ffffff0d;color:var(--muted);white-space:nowrap}.pill.online{color:var(--green);background:#27d59b18}.pill.offline{color:#9aa4b9}.call-meta{min-height:44px;color:var(--muted);font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:17px 0 22px}.transcript-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.transcript-head h3{margin:0;font-size:15px}.live-dot{color:var(--green);font-size:10px;letter-spacing:.12em}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px #27d59b18}.transcript{height:360px;overflow:auto;padding:15px 4px 2px}.empty{color:#66718a;text-align:center;padding:100px 20px}.bubble{max-width:78%;padding:10px 13px;border-radius:14px;margin:8px 0;line-height:1.42;font-size:14px}.bubble.user{margin-left:auto;background:#775bff2c;border:1px solid #775bff55}.bubble.assistant{background:#263149}.bubble.partial{opacity:.6}.bubble small{display:block;color:#8e99b1;font-size:9px;text-transform:uppercase;margin-bottom:4px}.contacts-panel{margin-top:20px}.contacts-panel .panel-title{align-items:center}.import-form{display:flex;gap:8px;align-items:center}.import-form input{width:220px;padding:9px}.import-form button{width:auto;white-space:nowrap}.quick-add{display:grid;grid-template-columns:1fr 240px 120px;gap:10px;margin:12px 0 18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-top:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}td:last-child{text-align:right}td button{width:auto;padding:8px 12px}.error{color:#ff8da0;font-size:12px;margin-top:10px;min-height:16px}@media(max-width:850px){.shell{padding:14px}.grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr}.quick-add{grid-template-columns:1fr}.contacts-panel .panel-title{display:block}.import-form{display:block}.import-form input{width:100%;margin-bottom:8px}.import-form button{width:100%}header{align-items:flex-start}.status{display:none}}