.notifbell{position:relative;width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:18px;box-shadow:0 4px 18px rgba(24,51,83,.05)}
.notifbell span{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;border-radius:99px;background:#e24a4a;color:white;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.navcount{margin-left:auto;background:#e24a4a;color:#fff;border-radius:99px;padding:2px 7px;font-size:10px}
.staffcards{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:14px;margin-bottom:18px}
.permissionbox{background:#f7faff;border:1px solid #dfe8f5;border-radius:12px;padding:14px;color:#435672}
.permissionbox b{color:#123b75}.permissionbox p{margin:5px 0 13px;line-height:1.5}
.notificationlist{display:grid;gap:10px}.notice{padding:13px 15px;border:1px solid #e4e9f1;border-radius:12px;background:#fff}.notice.unread{border-left:4px solid #d9a536;background:#fffaf0}.notice p{margin:5px 0;color:#52647d}.notice span{font-size:11px;color:#8390a1}

.dailycards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.card.kpi{display:block;color:inherit}
.card.kpi:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(18,49,91,.12)}
@media(max-width:1300px){.dailycards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.dailycards{grid-template-columns:1fr 1fr}}