*{box-sizing:border-box}body{margin:0;background:#10151d;color:#e5ecf3;font-family:'Segoe UI',sans-serif;font-size:14px}aside{position:fixed;inset:0 auto 0 0;width:220px;background:#151d27;border-right:1px solid #ffffff0b;padding:32px 24px}h1{letter-spacing:2px;font-size:25px;margin:0 0 50px}h1 span{display:block;font-size:11px;font-weight:400;letter-spacing:.3px;color:#8d9dad;margin-top:9px}nav{display:grid;gap:10px}nav button{text-align:left}main{margin-left:220px;padding:30px 44px;max-width:1600px}header,.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}header h2{font-size:22px;font-weight:600}#identity{font-size:12px;color:#91a3b5}h3{font-size:17px;font-weight:600;margin:0 0 16px}p{color:#96a8ba;font-size:12px;line-height:1.7}article,#login{background:#18212c;padding:26px;border:1px solid #ffffff10;border-radius:10px;margin-bottom:20px}#login{max-width:460px;margin:70px auto}label{display:grid;gap:8px;margin-bottom:19px;color:#b6c5d4;font-size:12px}.check{display:flex;align-items:center;gap:10px}input,textarea,select{width:100%;padding:12px;background:#0f1823;border:1px solid #ffffff18;color:#e6eef5;border-radius:5px;font:inherit}input[type=checkbox]{width:auto;accent-color:#b8dbef}textarea{resize:vertical;min-height:70px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}button{background:#293746;border:1px solid #ffffff13;color:#e3edf6;padding:11px 17px;border-radius:6px;cursor:pointer;font:inherit;font-size:12px}button:hover{background:#37495c}.primary{background:#dbeaf4;color:#152333}.primary:hover{background:white}button:disabled{opacity:.5;cursor:wait}#message{white-space:pre-wrap;margin-bottom:18px;color:#b7dce9;line-height:1.7}#logout{position:absolute;bottom:30px}.post{border-top:1px solid #ffffff13;padding:20px 0}.post .grid{grid-template-columns:2fr 1fr}.user,.activity{padding:16px 0;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:20px}.user small,.activity small{display:block;color:#8fa5b7;margin-top:6px}.user button{margin-left:8px}.activity{font-size:12px}input:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #b6d7eb;outline-offset:2px}[hidden]{display:none!important}@media(max-width:850px){aside{width:160px;padding:25px 15px}main{margin-left:160px;padding:25px 20px}.grid{grid-template-columns:1fr}.section-top{align-items:flex-start;flex-direction:column}}