
:root{color-scheme:dark;--bg:#08130f;--panel:#10251d;--panel2:#173329;--text:#ecf8f2;--muted:#a5bcb2;--accent:#25d366;--danger:#ff7979;--line:#2a493d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#15372a 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}header{height:64px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08130fe8;position:sticky;top:0;backdrop-filter:blur(12px)}a{color:inherit;text-decoration:none}.brand{font-weight:800;letter-spacing:-.03em}nav{display:flex;align-items:center;gap:18px;color:var(--muted)}nav form{margin:0}.link{background:none;padding:0;color:var(--muted)}main{width:min(1180px,calc(100% - 32px));margin:34px auto}.auth{width:min(440px,calc(100% - 32px));margin:10vh auto;background:var(--panel);padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #0008}h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 10px;letter-spacing:-.04em}h2{margin:0 0 16px}.muted{color:var(--muted)}label{display:grid;gap:7px;margin:16px 0;color:var(--muted);font-size:.92rem}.password{position:relative}.password input{padding-right:52px}.eye{position:absolute;right:7px;bottom:7px;width:38px;padding:7px;background:transparent;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#091a14;color:var(--text);padding:12px;font:inherit}input[type=checkbox]{width:auto}button,.button{border:0;border-radius:10px;background:var(--accent);color:#04230f;font-weight:750;padding:12px 16px;cursor:pointer}.secondary{background:var(--panel2);color:var(--text);margin-left:8px}.danger{background:#552525;color:#ffdede}.error{padding:12px;background:#4a2020;color:#ffd5d5;border-radius:10px}.success{padding:12px;background:#174d2a;color:#d7ffe2;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.metric{font-size:2rem;font-weight:800}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;background:var(--panel)}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--panel2);font-size:.8rem}.inactive{opacity:.55}.split{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:20px}.chat-list,.messages{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-height:60vh;padding:10px}.chat{display:block;padding:14px;border-radius:11px;border-bottom:1px solid var(--line)}.chat:hover{background:var(--panel2)}.msg{max-width:78%;margin:10px;padding:11px 14px;border-radius:14px;background:var(--panel2)}.msg.outbound{margin-left:auto;background:#155d39}.msg-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.raw-button{padding:2px 6px;background:transparent;color:var(--muted);font-size:.68rem}.attachment{display:block;margin:6px 0}.attachment.image img{display:block;width:min(100%,420px);max-height:420px;object-fit:contain;border-radius:10px;background:#07100d}.attachment.image span{display:block;margin-top:5px;font-size:.78rem;color:var(--muted)}.attachment.file{padding:10px;border:1px solid var(--line);border-radius:9px;background:#091a14}dialog{width:min(900px,calc(100% - 24px));max-height:88vh;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:16px}dialog::backdrop{background:#000b}.raw-json{overflow:auto;max-height:75vh;white-space:pre-wrap;word-break:break-word;background:#07100d;padding:12px;border-radius:9px;font-size:.76rem}.scopes{background:#091a14;border:1px solid var(--line);padding:12px;border-radius:10px;white-space:pre-wrap}@media(max-width:760px){.split{grid-template-columns:1fr}header nav a{display:none}}
.chat-row{position:relative}.chat-row>.chat{padding-right:42px}.contact-raw{position:absolute;right:9px;top:9px}
