*{box-sizing:border-box}body{margin:0;color:#222;font-family:Arial,sans-serif}.alerts-head{padding:22px 4vw;display:flex;justify-content:space-between;align-items:center}.alerts-head nav{display:flex;gap:18px;flex-wrap:wrap}.alerts-head nav a{color:#fff;text-decoration:none;font-weight:800}main{max-width:1350px;margin:auto;padding:32px 4vw 70px}.page-head{display:flex;justify-content:space-between;align-items:end}.page-head h2{font-size:40px;margin:4px 0;text-transform:uppercase}.page-head label{background:#fff;border:1px solid #d7d2c8;padding:11px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.metrics>div{background:#fff;border:1px solid #d7d2c8;padding:18px}.metrics b{display:block;font-size:29px}.metrics span{font-size:11px;color:#666;font-weight:900}.layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{background:#fff;border:1px solid #d7d2c8;padding:20px}.alert{border:1px solid #ddd;border-left:7px solid #777;padding:14px;margin:10px 0}.alert.critical{border-left-color:#a51216;background:#fff2f2}.alert.high{border-left-color:#d35e17}.alert.medium{border-left-color:#c59a24}.alert.low{border-left-color:#63715d}.alert-top{display:flex;justify-content:space-between;gap:12px}.alert strong{font-size:16px}.alert small{display:block;color:#666;margin-top:4px}.alert-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.alert-actions button,.alert-actions a{border:0;background:#222;color:#fff;padding:7px 9px;font-weight:800;text-decoration:none;font-size:12px}.alert-actions .secondary{background:#e4e0d8;color:#222}.week{padding:11px 0;border-top:1px solid #eee}.week b{display:block}.week small{display:block;color:#666;margin-top:3px}.week.overdue b,.week.overdue small{color:#a51216}.empty{color:#777;font-style:italic}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#222;color:#fff;padding:12px 18px;font-weight:800;display:none}@media(max-width:850px){.alerts-head,.page-head{flex-direction:column;align-items:flex-start;gap:15px}.metrics{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}}
.queue-groups{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px;
  margin:0 0 18px
}
.queue-groups>div{
  background:#222;
  color:#fff;
  padding:13px;
  text-align:center
}
.queue-groups b{display:block;font-size:23px}
.queue-groups span{font-size:10px;font-weight:900;letter-spacing:.05em}
@media(max-width:900px){.queue-groups{grid-template-columns:repeat(3,1fr)}}