*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182230;font:14px Inter,Arial,sans-serif}header{height:64px;background:#253b66;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 2px 10px #0002}header b{font-size:21px;letter-spacing:2px}header span{margin-left:14px;opacity:.8}nav a{color:white;text-decoration:none;margin-left:22px}main{max-width:1450px;margin:28px auto;padding:0 22px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.kpis div,.panel{background:white;border:1px solid #e4e9f1;border-radius:12px;padding:20px;box-shadow:0 4px 18px #20345b0a}.kpis strong{font-size:28px;display:block}.kpis span{color:#687387}.filters{display:flex;gap:10px;margin-bottom:15px}.filters input{flex:1}input,select,textarea,button,.btn{border:1px solid #d6dce7;border-radius:8px;padding:10px 12px;background:white;font:inherit}button,.btn{background:#253b66;color:white;border:0;cursor:pointer;text-decoration:none;display:inline-block}.tablewrap{background:white;border:1px solid #e4e9f1;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0f5}th{background:#fafbfc;color:#596579}.cat{padding:5px 10px;border-radius:999px;font-weight:700}.red{background:#fee2e2;color:#991b1b}.yellow{background:#fef3c7;color:#92400e}.green{background:#dcfce7;color:#166534}.blue{background:#dbeafe;color:#1e40af}.badge{background:#16a34a;color:white;border-radius:10px;padding:2px 7px;margin-left:7px;font-size:11px}.wa{display:block;font-size:11px;margin-top:4px}.wa1{color:#16803b}.wa0{color:#9a3412}.leadgrid{display:grid;grid-template-columns:330px 1fr;gap:18px}.panel label{display:block;margin:14px 0 5px;font-weight:600}.panel textarea,.panel input,.panel select{width:100%}.panel button{margin-top:12px}.chat{height:75vh;background:white;border:1px solid #e4e9f1;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}#messages{flex:1;overflow:auto;padding:25px;background:#eef2f5}.bubble{max-width:72%;padding:10px 12px;margin:8px 0;border-radius:10px;background:white;box-shadow:0 1px 2px #0001}.bubble.out{margin-left:auto;background:#dcf8c6}.bubble small{display:block;text-align:right;color:#7b8491;margin-top:5px}.composer{display:flex;gap:10px;padding:14px}.composer textarea{flex:1;height:58px}.login{display:grid;place-items:center;height:100vh;background:#eef2f8}.loginbox{width:360px;background:white;padding:34px;border-radius:14px;box-shadow:0 15px 50px #253b6622}.loginbox input,.loginbox button{width:100%;margin-top:12px}.loginbox h1{color:#253b66;letter-spacing:3px}.notice,.alert{padding:12px;background:#eef5ff;border-radius:8px;margin:12px 0}@media(max-width:800px){.leadgrid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}.filters{flex-wrap:wrap}header span{display:none}.chat{height:70vh}}