.employee-notifications{display:flex!important;align-items:center;gap:6px}.employee-notifications b{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:#ef4254;color:#fff;font-size:11px}.notification-page{min-height:100vh;padding:24px clamp(14px,4vw,56px);background:#f4f7fb;color:#11233f}.notification-head,.notification-summary,.notification-list{max-width:1220px;margin-left:auto;margin-right:auto}.notification-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.notification-head>div>span{color:#1769ed;font-size:12px;font-weight:800;letter-spacing:.13em}.notification-head h1{margin:5px 0 3px;font-size:36px}.notification-head p{margin:0;color:#748198}.notification-head>a{padding:10px 15px;border:1px solid #cfdaea;border-radius:10px;background:#fff;color:#27415f;text-decoration:none;font-weight:700}.notification-summary{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notification-summary article{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce4f0;border-radius:14px;background:#fff}.notification-summary span{color:#738199;font-size:13px}.notification-summary strong{font-size:24px}.notification-summary .critical strong{color:#d93448}.notification-summary .warning strong{color:#d48113}.notification-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.notification-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:15px;padding:14px 16px;border:1px solid #dce4f0;border-radius:14px;background:#fff;color:#142744;text-decoration:none}.notification-item>i{width:8px;height:42px;border-radius:5px;background:#4b91f2}.notification-item.warning>i{background:#e5a02c}.notification-item.critical>i{background:#e34a5c}.notification-item>div{display:flex;flex-direction:column;gap:2px}.notification-item small{font-size:10px;font-weight:800;letter-spacing:.1em;color:#71809a}.notification-item strong{font-size:15px}.notification-item span{color:#6f7f98;font-size:13px}.notification-item>b{color:#1769ed}.notification-clear{padding:55px;text-align:center;border:1px solid #dce4f0;border-radius:16px;background:#fff}.notification-clear>b{width:46px;height:46px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#dcf6e9;color:#168957;font-size:24px}.notification-clear h2{margin:12px 0 4px}.notification-clear p{margin:0;color:#71809a}@media(max-width:700px){.notification-page{padding:14px}.notification-head{align-items:stretch;flex-direction:column}.notification-head h1{font-size:29px}.notification-summary{grid-template-columns:1fr;gap:7px}.notification-item{padding:12px}.notification-item span{font-size:12px}}