body{margin:0;font-family:Inter,system-ui;background:#0f172a;color:#e2e8f0}main{max-width:1180px;margin:auto;padding:24px}nav{display:flex;gap:14px;align-items:center;margin-bottom:32px;flex-wrap:wrap}a{color:#93c5fd;text-decoration:none}.router-link-active{color:#38bdf8;font-weight:800}.card{background:#111827;border:1px solid #334155;border-radius:16px;padding:20px;box-shadow:0 20px 40px #0004;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.inbox{display:grid;grid-template-columns:280px 1fr 280px;gap:16px}input,select,button,textarea{display:block;margin:8px 0 14px;padding:10px;border-radius:10px;border:1px solid #475569;background:#0b1220;color:#e2e8f0;width:100%;box-sizing:border-box}button{background:#38bdf8;color:#082f49;font-weight:700;cursor:pointer}.listbtn{background:#0b1220;color:#e2e8f0;text-align:left}.error{color:#fca5a5}.badge{display:inline-block;background:#1e3a8a;color:#bfdbfe;border-radius:999px;padding:4px 8px;margin:2px;font-size:12px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #334155;padding:10px;text-align:left}.messages{max-height:55vh;overflow:auto}.inbound{background:#1e293b;padding:10px;border-radius:10px}.outbound{background:#164e63;padding:10px;border-radius:10px}@media (max-width:900px){.inbox{grid-template-columns:1fr}main{padding:14px}}