*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#263447;font:15px Arial,sans-serif}header{height:64px;background:#fff;border-bottom:1px solid #e2e7ed;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1120px)/2));gap:28px;position:sticky;top:0;z-index:2}header strong{font-size:23px;color:#2563a9;white-space:nowrap}header strong span{color:#ed8b28}header input{width:360px;background:#f2f5f8;border:0;border-radius:22px;padding:12px 18px;outline:0}header i,.head i,.composer i,.profile i{width:42px;height:42px;border-radius:50%;background:#e9a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-style:normal}header i{margin-left:auto;width:34px;height:34px}main{max-width:1120px;margin:26px auto;display:grid;grid-template-columns:190px 1fr 245px;gap:25px}.profile{background:#fff;padding:18px 10px;border-radius:10px;text-align:center}.profile i{width:70px;height:70px;font-size:25px;margin:auto auto 10px}.profile b,.profile small{display:block}.profile small,.head small{color:#8c98a7;font-size:12px;margin-top:4px}nav{display:grid;gap:5px;margin-top:16px}nav a{padding:12px;border-radius:8px;color:#647386}nav .active{background:#e7f1fc;color:#2563a9;font-weight:700}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title h1{font-size:24px;margin:0}.title button,.head em{border:0;background:transparent;color:#748398}.composer,article,.card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;margin-bottom:16px}.composer{padding:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.composer>div{color:#9aa5b2;background:#f6f8fa;border-radius:20px;padding:12px 16px;flex:1}.composer small{width:100%;padding-left:54px;color:#718195}article{padding:18px}.head{display:flex;align-items:center;gap:11px}.head b{font-size:15px}.head small{display:block;font-weight:400}.head em{margin-left:auto;font-style:normal;font-size:18px}article p{font-size:16px;line-height:1.55;margin:17px 0}article footer{color:#718195;border-bottom:1px solid #edf0f3;padding-bottom:14px}.actions{color:#5e7187;padding-top:14px}.card{padding:18px}.card h3{margin-top:0}.card button{border:1px solid #bdd0e4;background:#fff;border-radius:6px;padding:9px 12px;color:#2563a9}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 16px}.right,main>aside:first-child{display:none}header{padding:0 16px}header input{width:190px}}