:root{font-family:Inter,system-ui,sans-serif;color:#d9e0ed;background:#10131b;color-scheme:dark;font-size:12px}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid #2a303d}header strong{letter-spacing:2px;font-size:15px}i{color:#93b9ff;font-style:normal}.subtitle{color:#717e94}#connection{margin-left:auto;color:#93a2b9}button{border:1px solid #39465b;background:#26344b;color:#e1eaff;border-radius:6px;padding:8px 12px;cursor:pointer;font:inherit}button:hover{background:#354b6d}button:disabled{opacity:.35;cursor:default}main{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:12px;height:calc(100dvh - 64px)}.column{min-width:0;display:flex;flex-direction:column;background:#171c26;border-radius:8px;padding:7px}.column h2{font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:8px 2px 16px;display:flex;justify-content:space-between;color:#a6b2c7}.column h2 span{color:#68778d}.list{overflow-y:auto;min-height:0;scrollbar-width:thin}.card{display:block;text-align:left;width:100%;height:96px;margin-bottom:7px;border:1px solid #303a4a;background:#202735;padding:8px;overflow:hidden;position:relative}.card:hover{border-color:#7998c4;background:#283448}.card-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;line-height:15px;height:45px}.card-foot{display:flex;gap:4px;align-items:center;margin-top:5px;color:#99a9c0;font-size:10px;white-space:nowrap;overflow:hidden}.active{color:#73d9ae}.blocked{color:#edb56f}.empty{color:#4e5b70;text-align:center;margin-top:30px}dialog{width:min(800px,94vw);max-height:90dvh;border:1px solid #45536b;background:#181f2c;border-radius:12px;padding:24px;color:#d9e0ed}dialog::backdrop{background:#040913bb;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;color:#92a5c3}h1{font-size:22px;line-height:1.4}h2{font-size:14px;margin-top:24px}#meta{color:#9cabc0}#description,.comment-body,.event{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}#actions,.buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.comment{border-top:1px solid #303a4a;padding:12px 0}.byline{color:#8d9eb8;font-size:11px}textarea,input,select{font:inherit;background:#101723;color:#e5edff;border:1px solid #3a4860;border-radius:5px;padding:9px}textarea{width:100%;min-height:90px;resize:vertical}form label{display:block;margin:16px 0}form label input,select{display:block;width:100%;margin-top:6px}details{margin-top:20px}.event{border-bottom:1px solid #303a4a;padding:8px 0}#message{color:#edb56f}@media(max-width:1000px){header{gap:8px}.subtitle{display:none}main{gap:3px;padding:4px}.column{padding:3px}.card{padding:4px}.column h2{font-size:9px;letter-spacing:0}}
