*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1f2937}.guest{display:flex;min-height:100vh;align-items:center;justify-content:center}.login-box{background:#fff;padding:24px;border:1px solid #ddd;width:360px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#111827;color:#fff;padding:18px}.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:10px;border-radius:4px;margin:3px 0}.sidebar a:hover{background:#1f2937;color:#fff}.main{margin-left:230px;padding:24px}.topbar{background:#fff;border:1px solid #ddd;padding:12px;margin-bottom:18px}.card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:#fff;border:1px solid #ddd;padding:16px}.stat strong{font-size:26px;display:block}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ddd;padding:9px;text-align:left;vertical-align:top}th{background:#eef2f7}input,select,textarea{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:4px;margin:4px 0 12px}textarea{min-height:120px}.btn,button{display:inline-block;background:#2563eb;color:#fff;border:0;border-radius:4px;padding:9px 12px;text-decoration:none;cursor:pointer}.secondary{background:#4b5563}.danger{background:#dc2626}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.message{padding:10px;margin:8px 0;border-radius:4px;max-width:760px}.inbound{background:#fff;border:1px solid #ddd}.outbound{background:#dbeafe;border:1px solid #93c5fd;margin-left:auto}.error{background:#fee2e2;color:#991b1b;padding:10px;margin-bottom:10px}