*{box-sizing:border-box}body{color:#142238;background:#f5f7fa;margin:0;font:14px Arial,sans-serif}button,input,select{font:inherit}main{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#05264c;flex-direction:column;padding:26px 18px;display:flex}aside h1{margin:0 0 35px;font-size:28px}aside small{font-size:13px;font-weight:400;display:block}aside button{color:#fff;text-align:left;background:0 0;border:0;border-radius:5px;margin:3px 0;padding:15px}.active{background:#173f70!important;border-left:4px solid #e3262e!important}aside footer{border-top:1px solid #41607f;margin-top:auto;padding-top:20px}aside footer span{opacity:.7;font-size:12px}section{padding:24px 28px}header{background:#fff;border-bottom:1px solid #d9e0e8;justify-content:space-between;align-items:center;margin:-24px -28px 22px;padding:20px 28px;display:flex}h2{margin:0;font-size:25px}header p{color:#65758b}.toolbar{gap:12px;margin-bottom:14px;display:flex}.toolbar input{flex:1}.toolbar input,.toolbar select,.toolbar button{background:#fff;border:1px solid #bdc8d5;border-radius:4px;padding:11px}.table,article{background:#fff;border:1px solid #d5dde7}.tr{text-align:left;background:#fff;border:0;border-bottom:1px solid #e2e7ed;grid-template-columns:1.2fr 1.1fr 1.4fr 1.2fr .8fr .5fr;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.tr.selected{background:#eaf2ff;border-left:3px solid #2675df}.head{background:#f0f3f7}.bad,.good,.warn{color:#fff;border-radius:4px;width:max-content;padding:5px 8px}.bad{background:#d9232e}.good{background:#268a45}.warn{background:#e89512}article{margin-top:16px}.articleHead{border-bottom:1px solid #d5dde7;justify-content:space-between;padding:16px 18px;display:flex}.articleHead h3{margin:0}.columns{grid-template-columns:1fr 1fr 1fr;gap:28px;padding:20px;display:grid}dl{margin:0}dt{margin-top:10px;font-weight:700}dd{color:#485a70;margin:4px 0 10px}.actions{border-top:1px solid #d5dde7;justify-content:flex-end;gap:12px;padding:14px 18px;display:flex}.actions button{color:#fff;border:0;border-radius:4px;padding:12px 30px}.reject{background:#d9232e}.approve{background:#268a45}@media (max-width:900px){main{grid-template-columns:1fr}aside{display:none}.tr{grid-template-columns:1fr 1fr}.tr>:nth-child(n+3){display:none}.columns{grid-template-columns:1fr}}