:root{font-family:system-ui,sans-serif;color:#dce6f5;background:#101725;color-scheme:dark}body{margin:0}header{display:flex;align-items:center;gap:20px;padding:24px 5%;background:#192337;border-bottom:1px solid #34425a}h1{font-size:24px;margin:0}header p{margin:6px 0;color:#a6b9d5}.logo{font-size:42px;color:#8ccfff}#connection{margin-left:auto;color:#8ce3bb;font-size:13px}main{max-width:1250px;margin:32px auto;padding:0 24px}section{background:#192337;border:1px solid #34425a;border-radius:14px;padding:24px;margin-bottom:24px}section section{margin-bottom:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}h2{font-size:19px}label{display:block;margin:12px 0;color:#b7c8df}input,textarea,select{box-sizing:border-box;width:100%;padding:10px;margin-top:6px;background:#101725;border:1px solid #48617f;border-radius:7px;color:#fff;font:inherit}textarea{min-height:65px}button{background:#83c9ff;color:#101725;border:0;border-radius:7px;padding:11px 18px;font-weight:700;cursor:pointer}nav{display:flex;justify-content:space-between;margin-bottom:24px}.project{border-bottom:1px solid #34425a;padding:12px 0 24px}.graph{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.task{border:1px solid #5d81a5;border-left:5px solid #83c9ff;border-radius:8px;padding:14px;min-width:210px;max-width:320px}.complete{border-left-color:#6adcb1}.blocked{border-left-color:#ff817e}.review{border-left-color:#ffd17f}.event{padding:12px;border-bottom:1px solid #34425a;font-size:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b7c8df}code{overflow-wrap:anywhere;color:#8ccfff}#error{color:#ffb2ab}small{color:#b7c8df}@media(max-width:750px){.grid{grid-template-columns:1fr}header{flex-wrap:wrap}#connection{margin-left:0}}[hidden]{display:none!important}