:root{--bg:#f6f7fb;--card:#fff;--ink:#172033;--muted:#7d879c;--line:#e8ebf2;--primary:#635bff;--good:#18a66a;--warn:#e69b16;--bad:#db4b58;--side:#111728}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#7771ff33,transparent 35%),#0d1220}.login-card{width:390px;background:#fff;padding:38px;border-radius:24px;box-shadow:0 30px 80px #0005;text-align:center}.login-card h1{margin:15px 0 2px}.login-card p{color:var(--muted);margin:0 0 25px}.login-card input{width:100%;padding:14px 15px;margin:6px 0;border:1px solid var(--line);border-radius:12px}.login-card button{width:100%;padding:14px;margin-top:12px;border:0;border-radius:12px;background:var(--primary);color:#fff;font-weight:700}.login-card small{display:block;color:var(--muted);margin-top:14px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7b74ff,#4e46e5);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 7px 20px #635bff44}.logo.big{margin:auto;width:56px;height:56px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:240px;background:var(--side);color:#fff;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 23px}.brand b{display:block}.brand span{font-size:11px;color:#8390aa}.navitem{width:100%;border:0;background:transparent;color:#9ea8bd;padding:11px 12px;border-radius:10px;text-align:left;margin:2px 0;cursor:pointer}.navitem:hover,.navitem.active{background:#20283b;color:#fff}.navitem i{display:inline-block;width:25px;font-style:normal}.aside-bottom{margin-top:auto}.user-chip{display:flex;width:100%;gap:9px;align-items:center;background:#1a2234;color:white;border:0;padding:10px;border-radius:12px;text-align:left}.user-chip span{width:32px;height:32px;background:#635bff;border-radius:9px;display:grid;place-items:center}.user-chip b,.user-chip small{display:block}.user-chip small{color:#7f8da9}.ghost{background:transparent;border:0;color:#77839a;margin:8px 10px}main{grid-column:2;padding:0 28px 40px}header{height:90px;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:24px}header p{margin:4px 0;color:var(--muted);font-size:13px}.header-actions{display:flex;gap:9px}.outline,.primary,.danger{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.danger{color:var(--bad)}.notif{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:15px}.metric{padding:18px}.metric label{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:26px;margin-top:6px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select,.form input,.form select,.form textarea{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.toolbar input{min-width:260px}.table-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}tr.click:hover{background:#f8f9fd;cursor:pointer}.score{display:inline-grid;place-items:center;min-width:37px;padding:4px 7px;border-radius:8px;background:#f0efff;color:#5148e4;font-weight:700}.tag{display:inline-block;padding:4px 8px;background:#f3f5f9;border-radius:20px;color:#667086;font-size:11px}.tag.bad{background:#fff0f1;color:#c94351}.tag.good{background:#eafaf3;color:#148158}.two{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.card{padding:18px}.card h3{margin:0 0 14px;font-size:15px}.bars{display:flex;flex-direction:column;gap:10px}.barrow{display:grid;grid-template-columns:150px 1fr 42px;gap:10px;align-items:center;font-size:12px}.bar{height:8px;background:#eef0f5;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#635bff,#8d87ff);border-radius:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report{padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}.report h3{margin:0 0 8px}.report p{color:var(--muted);font-size:12px;min-height:48px}.report b{font-size:24px}.form{display:grid;gap:10px}.form textarea{min-height:90px;resize:vertical}.list{display:grid;gap:9px}.listitem{background:#fff;border:1px solid var(--line);padding:13px;border-radius:12px;display:flex;justify-content:space-between;gap:15px}.listitem p{margin:4px 0 0;color:var(--muted);font-size:12px}.call-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.call-head h2{margin:0}.player{background:#151c2c;color:#fff;padding:18px;border-radius:16px}.player audio{width:100%;margin-top:12px}.transcript{max-height:560px;overflow:auto}.seg{padding:10px 12px;border-radius:10px;margin:4px 0;cursor:pointer}.seg:hover,.seg.active{background:#f0efff}.speaker{font-size:11px;font-weight:800;color:#635bff;margin-bottom:3px}.laarc{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.laarc div{border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}.laarc b{display:block;font-size:20px}.modal{position:fixed;inset:0;background:#0b102088;display:grid;place-items:center;z-index:20;padding:20px}.modal-card{background:#fff;width:min(720px,95vw);max-height:90vh;overflow:auto;border-radius:18px;padding:22px;box-shadow:0 30px 80px #0005}.modal-card h2{margin-top:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.settings-grid input,.settings-grid select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}.notice{background:#f0efff;color:#4d46c9;padding:12px;border-radius:10px;font-size:12px;margin:10px 0}@media(max-width:900px){.app{grid-template-columns:76px 1fr}aside{width:76px}.brand>div:not(.logo),.navitem span,.aside-bottom div,.ghost{display:none}.navitem i{width:auto}.navitem{text-align:center;font-size:18px}.user-chip{justify-content:center}.metrics{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}main{padding:0 14px}}@media(max-width:600px){.metrics,.grid,.settings-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}table th:nth-child(3),table td:nth-child(3){display:none}}