:root{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b1020;color:#e8eefc}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:420px;background:#121a33;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}.card h1{margin:0 0 12px;font-size:20px}.form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;opacity:.95}input{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b1020;color:#e8eefc;outline:none}.btn{margin-top:4px;padding:10px 12px;border-radius:10px;border:0;background:#5b7cfa;color:#fff;font-weight:600;cursor:pointer}.error{color:#ff6b6b;font-size:13px}.hint{margin-top:12px;font-size:12px;opacity:.8}.admin .header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.header h1{margin:0;font-size:18px}.sub{margin-top:6px;font-size:13px;opacity:.9}.ok{color:#2be67b}.bad{color:#ff6b6b}.layout{display:flex;gap:16px;padding:16px}.sidebar{width:240px;background:#121a33;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.sidebarTitle{font-size:13px;opacity:.85;margin-bottom:2px}.agentBtn{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0b1020;color:#e8eefc;cursor:pointer;text-align:left}.agentBtn.active{border-color:#5b7cfa;box-shadow:0 0 0 2px #5b7cfa40}.sidebarFoot{margin-top:auto;font-size:12px;opacity:.75}.main{flex:1}.eventList{max-height:70vh;overflow:auto}.event{display:flex;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#121a3373;margin-bottom:10px}.event .meta{min-width:170px;font-size:12px;opacity:.85}.event .title{font-weight:700;font-size:13px}.event .msg{font-size:13px;opacity:.95;white-space:pre-wrap}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#5b7cfa2e;border:1px solid rgba(91,124,250,.35);font-size:12px}