*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#16243b;font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#app{display:flex;min-height:100vh}.nav{width:235px;background:#0f1a32;color:#d8e0ef;padding:25px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;margin-bottom:42px}.mark{background:linear-gradient(135deg,#7466f9,#4eb0fc);color:white;border-radius:13px;padding:11px;font-weight:800;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand small{font-size:9px;color:#8092ae;letter-spacing:1.6px;margin-top:5px}.navmenu{display:grid;gap:8px}.navitem{padding:13px;border-radius:9px;color:#a8b6cc}.navitem.active{background:#2b3557;color:white}.navbottom{margin-top:auto;display:grid;gap:12px}.profile{border-top:1px solid #31405b;padding-top:20px;color:#b4c3d8}.workspace{padding:34px 38px;width:100%;max-width:1700px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header small{color:#788ba5;font-size:10px;font-weight:700;letter-spacing:2px}h1{font-size:31px;letter-spacing:-1.2px;margin:8px 0}header p,.panel-title p{color:#8792a4;margin:0}.header-right{display:flex;align-items:center;gap:12px}.chip,.tag{padding:8px 12px;background:#fff4d9;color:#92610e;border-radius:30px;font-size:12px}.chip.green{color:#117857;background:#e0f8eb}.subtle,.upload{background:white;color:#34435a;border:1px solid #e0e6ef;border-radius:9px;padding:10px 13px;text-align:center}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:22px}.kpi,.panel{background:white;border:1px solid #e8edf4;border-radius:15px;box-shadow:0 5px 22px #1d32550a}.kpi{padding:22px}.kpi label,.kpi span{color:#8392a6;display:block}.kpi strong{font-size:30px;display:block;margin:9px 0 4px}.main-grid{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(400px,1.2fr);gap:20px}.panel{overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 18px}.panel-title h2{font-size:18px;margin:0 0 7px}.panel-title p{font-size:12px}.plus{width:33px;height:33px;border:0;border-radius:9px;background:#edf0ff;color:#6754ee;font-size:25px}.controls{padding:0 20px 14px;display:flex;gap:8px}.controls input{min-width:0;flex:1}.controls input,.controls select,input,select,textarea{border:1px solid #dfe5ef;border-radius:9px;padding:11px 12px;background:#fff;outline-color:#6855df}.controls select{max-width:150px}.contactlist{height:374px;overflow:auto}.contact{display:flex;align-items:center;gap:13px;padding:15px 22px;border-bottom:1px solid #f2f4f8;cursor:pointer}.contact:hover,.contact.selected{background:#f5f4ff}.avatar,.big-avatar{display:grid;place-items:center;background:#eae6ff;color:#6452e4;border-radius:13px;font-weight:700}.avatar{width:42px;height:42px;flex-shrink:0}.contact strong,.contact small{display:block}.contact small{margin-top:5px;color:#91a0b2}.grow{flex:1}.call-mini{color:#7968ec}.empty{padding:50px 12px;text-align:center;color:#8792a4}.panel-footer{border-top:1px solid #edf0f5;display:flex;gap:12px;padding:16px 20px;justify-content:space-between}.upload{cursor:pointer}.live{font-size:10px;color:#329a79;background:#e8faf0;padding:8px 10px;border-radius:20px}.dial-center{text-align:center;padding:22px 22px 30px}.big-avatar{height:82px;width:82px;margin:auto;border-radius:50%;font-size:32px}.dial-center h2{font-size:23px;margin:17px 0 4px}.dial-center p{color:#8c9aad;margin:0 0 14px}.status-ready{color:#15936d}.status-warn{color:#d29427}.actions{display:flex;justify-content:center;gap:9px;margin-top:26px}.actions button{padding:13px 18px;border-radius:10px;border:0}.call,.primary{background:#6358e8;color:white;border:0;padding:12px 18px;border-radius:10px;font-weight:600}.hang{background:#fae7e7;color:#ba3232}.details{border-top:1px solid #edf0f6;padding:19px 27px}.details h3{font-size:10px;letter-spacing:1.2px;color:#98a7ba}.details div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f2f4f8}.details span{color:#8090a5}.details strong{font-weight:500;max-width:65%;overflow-wrap:anywhere}.history-panel{margin-top:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-top:1px solid #edf0f6;padding:15px 23px;white-space:nowrap}th{color:#8897a9;font-weight:500;font-size:12px}.tag{background:#eef2ff;color:#665bcc}footer{font-size:11px;color:#9ca9ba;margin:23px 0}dialog{border:0;border-radius:16px;box-shadow:0 20px 90px #10204044;padding:27px;width:min(440px,93vw)}dialog::backdrop{background:#11203a80}dialog h2{margin:0 0 18px}dialog form{display:grid;gap:13px}dialog label,.login label{display:grid;gap:7px;color:#586984;font-size:12px}textarea{min-height:80px}.dialog-actions{display:flex;justify-content:end;gap:10px}.toast{position:fixed;right:24px;bottom:24px;background:#1d2b43;color:white;border-radius:12px;padding:15px 19px;z-index:999}.toast.error{background:#b82e48}.login{width:min(420px,calc(100vw - 30px));margin:12vh auto;background:white;padding:36px;border:1px solid #e7ebf1;border-radius:22px;box-shadow:0 18px 60px #13284215}.login h1{margin:18px 0 4px}.login p,.login small{color:#8999ab}.login form{display:grid;gap:17px;margin:28px 0}.login button{width:100%}@media(max-width:1000px){.nav{width:74px;padding:20px 10px}.nav .brand div,.navmenu,.navbottom{display:none}.workspace{padding:24px}.main-grid{grid-template-columns:1fr}}@media(max-width:650px){#app{display:block}.nav{width:100%;height:65px;padding:10px 22px}.brand{margin:0}header{display:block}.header-right{margin-top:15px}.workspace{padding:19px}.kpis{gap:8px}.kpi{padding:13px}.kpi strong{font-size:23px}.kpi span{font-size:10px}.main-grid{grid-template-columns:minmax(0,1fr)}.panel-title{padding:17px}.controls{display:block}.controls select{max-width:100%;margin-top:8px;width:100%}.actions button{padding:11px}.panel-footer{flex-wrap:wrap}}
.settings-dialog{width:min(610px,95vw);max-height:90vh;overflow:auto}.settings-dialog form{display:grid;gap:12px}.settings-dialog p,.settings-dialog .hint{font-size:12px;color:#65758b;line-height:1.6}.settings-dialog label{display:grid;gap:5px;font-size:12px;color:#475670}.settings-dialog label small{color:#137456}.settings-dialog .hint{padding:12px;border-radius:10px;background:#f1f5fc}.settings-dialog code{overflow-wrap:anywhere}.navbottom button{width:100%}