*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:15px/1.5 Arial,sans-serif}header{height:64px;background:#690f0e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-size:19px;font-weight:700}main{max-width:1200px;margin:28px auto;padding:0 18px}.card{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:22px;box-shadow:0 6px 24px #00000008}.login{max-width:430px;margin:10vh auto}input,textarea,select{width:100%;padding:11px 12px;margin:6px 0;border:1px solid #d7dce5;border-radius:9px;font:inherit}button{border:0;border-radius:9px;background:#690f0e;color:#fff;padding:10px 15px;cursor:pointer}button:hover{opacity:.9}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs button{background:#fff;color:#690f0e;border:1px solid #ddd}.tabs button:last-child{margin-left:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{font-size:30px;font-weight:700}.muted{color:#687386}.item{padding:15px 0;border-bottom:1px solid #edf0f4}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f7;font-size:12px}.error{color:#b42318}.chat{display:grid;grid-template-columns:280px 1fr;min-height:500px}.peers{border-right:1px solid #e7eaf0;padding-right:12px}.messages{padding:0 18px}.bubble{max-width:70%;padding:10px 13px;border-radius:12px;margin:8px 0;background:#f0f2f5}.mine{margin-left:auto;background:#690f0e;color:#fff}.composer{display:flex;gap:8px;margin-top:18px}.composer input{margin:0}.drop{border:2px dashed #cfd5df;padding:20px;text-align:center;border-radius:12px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid #e8ebf0;text-align:left}@media(max-width:760px){.grid{grid-template-columns:1fr}.chat{grid-template-columns:1fr}.peers{border-right:0;border-bottom:1px solid #eee;padding-bottom:10px}.tabs button:last-child{margin-left:0}}