.workday-grid{display:grid;grid-template-columns:minmax(760px,1fr) 405px}.workday-main{padding:18px 26px}.workday-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.workday-metrics article{height:74px;display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:4px}.workday-metrics span{color:var(--teal);font-size:27px}.workday-metrics small,.workday-metrics b{display:block}.workday-metrics b{margin-top:4px;font-size:20px}.workday-metrics .warning span,.workday-metrics .warning b{color:var(--orange)}.workday-metrics .danger span,.workday-metrics .danger b{color:var(--red)}.workday-main h2{margin:25px 0 10px}.workday-tabs{display:flex;border-bottom:1px solid var(--line)}.workday-tabs button{height:48px;padding:0 18px;border:0;background:white}.workday-tabs .active{color:var(--teal);border-bottom:3px solid var(--teal)}.task-list{border:1px solid var(--line);border-top:0}.task-list article{min-height:105px;display:grid;grid-template-columns:42px 1.2fr .85fr 1.1fr 1.1fr 125px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line);font-size:11px}.task-list article:last-child{border-bottom:0}.task-list i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:19px;font-style:normal}.task-list small,.task-list b,.task-list em{display:block;line-height:1.55}.task-list small{color:#758184}.task-list em{font-style:normal;color:#677477}.task-list p{margin:0;line-height:1.5}.red{color:var(--red)}.orange{color:var(--orange)}.workday-side{padding:18px;border-left:1px solid var(--line)}.workday-side section{padding:15px;border:1px solid var(--line);border-radius:4px;margin-bottom:12px}.workday-side h2{margin:0 0 14px;font-size:16px}.workday-side p{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;margin:13px 0}.workday-side p i{font-style:normal}.workday-side p b,.workday-side p small{display:block;font-size:10px;line-height:1.55}.workday-side button{height:32px;border:1px solid var(--line);background:#fff;color:var(--teal);font-size:10px}.workday-side a{color:var(--teal);font-size:11px;text-decoration:none}.workday-side ul{padding-left:18px}.workday-side li{margin:12px 0;font-size:11px;line-height:1.5}

@media(max-width:1600px){
  .workday-grid{grid-template-columns:minmax(720px,1fr) 370px}.workday-main{padding:16px 21px}.workday-metrics{gap:13px}.workday-metrics article{height:66px;padding:11px}.workday-metrics span{font-size:23px}.workday-metrics b{font-size:17px}.workday-main h2{margin-top:20px;font-size:18px}.task-list article{min-height:94px;grid-template-columns:38px 1.2fr .85fr 1.1fr 1.1fr 112px;padding:11px;font-size:10px}.workday-side{padding:15px}
}

@media(max-width:1439px){
  .workday-grid{grid-template-columns:minmax(650px,1fr) 320px}.workday-main{padding:13px 16px}.workday-metrics{gap:9px}.workday-metrics article{height:58px;gap:9px;padding:9px}.workday-metrics span{font-size:20px}.workday-metrics small{font-size:10px}.workday-metrics b{font-size:15px}
  .workday-main h2{margin:17px 0 8px;font-size:16px}.workday-tabs button{height:42px;padding:0 12px;font-size:11px}.task-list article{min-height:84px;grid-template-columns:34px 1.2fr .8fr 1fr 1fr 96px;gap:8px;padding:9px;font-size:9px}.task-list i{width:32px;height:32px;font-size:16px}
  .workday-side{padding:12px}.workday-side section{padding:11px}.workday-side h2{font-size:14px}.workday-side p{margin:10px 0}.workday-side li{margin:9px 0;font-size:10px}
}