body{grid-template-rows:64px minmax(0,1fr) 62px;background:#f1f4f6}
header{height:64px;padding:0 28px}
main{grid-template-columns:325px minmax(0,1fr)}
aside{padding:23px;background:#fff}
.workspace{padding:28px 36px}
.aside-head button{width:30px;height:30px;padding:0;border:0;background:#193c5d;color:#fff}
.test-item{position:relative;min-height:58px;margin:6px 0;padding:11px 12px;border:1px solid #c5d0d7;transition:.12s}
.test-item:hover{border-color:#7fa2b8;background:#f5fbfe}
.test-item.active{border-color:#1678ad;background:#edf8fe;box-shadow:inset 3px 0 #1678ad}
.test-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 20px}
.task-editor{max-width:none;border-color:#c7d1d7;padding:22px}
#taskTabs{background:#fff;border:1px solid #c7d1d7;border-bottom:0;margin:0}
.task-tab{flex:0 0 180px}
footer{height:62px;padding:0 28px}
@media(max-width:1100px){main{grid-template-columns:280px minmax(0,1fr)}.workspace{padding:22px}}