:root{--bg:#0b0f14;--card:#111827;--line:#1f2a37;--text:#e8eef6;--muted:rgba(232,238,246,.7)}
.sacr{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.sacr *{box-sizing:border-box}
.sacr .wrap{display:grid;grid-template-columns:360px 1fr;min-height:70vh}
@media(max-width:900px){.sacr .wrap{grid-template-columns:1fr}}
.sacr .panel{border-right:1px solid var(--line);padding:14px;background:rgba(17,24,39,.55)}
@media(max-width:900px){.sacr .panel{border-right:none;border-bottom:1px solid var(--line)}}
.sacr .main{padding:14px;display:flex;flex-direction:column;gap:10px}
.sacr .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}
.sacr input,.sacr button,.sacr select, .sacr textarea{padding:10px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:var(--text);width:100%}
.sacr button{cursor:pointer}
.sacr .row{display:flex;gap:8px}
.sacr .rooms{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.sacr .roomBtn{text-align:left}
.sacr .chat{flex:1;overflow:auto;background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:280px}
.sacr .msg{margin:6px 0}
.sacr .sys{opacity:.7;font-style:italic}
.sacr .meta{opacity:.7;font-size:12px;margin-bottom:2px}
.sacr .muted{opacity:.65}
.sacr .pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:6px 10px;border-radius:999px;font-size:12px}
.sacr .tabs{display:flex;gap:8px}
.sacr .tab{flex:1}
.sacr .small{font-size:12px;opacity:.8}
.sacr .danger{border-color:#7f1d1d}