.notification-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}.notification-stats a{background:#fff;border:1px solid #e4e9f0;border-radius:14px;padding:20px;text-decoration:none;color:#243246;box-shadow:0 8px 24px rgba(24,39,75,.06)}.notification-stats strong{display:block;font-size:30px;line-height:1}.notification-stats span{display:block;margin-top:8px;color:#66758a}.notification-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.notification-filters{display:flex;gap:8px;flex-wrap:wrap}.notification-list{display:grid;gap:14px}.notification-card{display:flex;gap:16px;background:#fff;border:1px solid #e1e7ef;border-left:5px solid #78909c;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(24,39,75,.05)}.notification-card.notification-critical{border-left-color:#c62828}.notification-card.notification-warning{border-left-color:#ef8c00}.notification-card.notification-info{border-left-color:#1976d2}.notification-card.is-read{opacity:.72}.notification-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f4f8;font-weight:800;font-size:20px;flex:0 0 auto}.notification-content{flex:1}.notification-content h2{margin:7px 0 5px;font-size:19px}.notification-content p{margin:0;color:#5d6b7d}.notification-meta{display:flex;gap:7px}.notification-meta .badge{font-size:12px;padding:3px 8px;border-radius:999px;background:#eef2f7}.notification-meta .badge-new{background:#dff3e6;color:#176b37}.notification-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.notification-actions form{display:flex;gap:8px;margin:0}.notification-empty,.upgrade-card{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:34px;text-align:center;box-shadow:0 8px 24px rgba(24,39,75,.05)}.notification-empty>div{font-size:42px;color:#2e8b57}.notification-empty h2{margin:8px 0}.upgrade-card{text-align:left;max-width:760px}.btn-light{background:#f4f6f9;border:1px solid #dfe5ec;color:#435167}@media(max-width:900px){.notification-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.notification-stats{grid-template-columns:1fr}.notification-card{align-items:flex-start}.notification-actions,.notification-actions form{align-items:stretch;flex-direction:column}.notification-actions .btn,.notification-actions button{width:100%}}