.supervisor-nav{grid-template-columns:repeat(4,1fr)}.supervisor-dialog[data-current-view="notifications"] .supervisor-stats{display:none}.supervisor-dialog[data-current-view="notifications"] .supervisor-body{overflow:hidden}.notification-compose{background:#0a1524;border:1px solid var(--line);border-radius:14px;padding:17px;flex:1;min-height:0;overflow:auto}.notification-compose form{padding:0;display:grid;gap:13px}.notification-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.notification-image-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}#notificationImagePreview{position:relative;min-width:0}#notificationImagePreview img{display:block;width:auto;max-width:min(420px,100%);height:auto;max-height:220px;object-fit:contain;background:#07101d;border-radius:11px;border:1px solid #40516b}#notificationImagePreview button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:30px;height:30px;background:#08111ddd;color:white}.notification-send-row{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;bottom:-17px;padding:13px 0 2px;background:#0a1524;z-index:2}.notification-send-row .primary{min-width:190px}.notification-status{font-size:13px;color:#9fb0c5}.notification-status.success{color:#61e5ba}.notification-status.error{color:#ff8e8e}.notification-bell{position:relative}.notification-bell b{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#ef5350;color:white;font-size:11px;line-height:20px}.notifications-dialog{width:min(720px,calc(100% - 24px));height:min(780px,90vh);overflow:hidden}.notifications-shell{height:100%;display:flex;flex-direction:column}.notifications-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.notifications-head h2{margin:4px 0}.notifications-list{padding:16px 20px 24px;overflow:auto;display:grid;gap:11px}.notification-card{background:#0a1524;border:1px solid var(--line);border-radius:14px;padding:15px}.notification-card.unread{border-left:4px solid #45d3a4;background:#0d2030}.notification-card-head{display:flex;justify-content:space-between;gap:10px;color:#8fa2bd;font-size:11px}.notification-card-head span{color:#72e6f2;font-weight:750}.notification-card h3{margin:10px 0 7px}.notification-card p{margin:0;color:#cbd7e6;line-height:1.5}.notification-card img{display:block;width:100%;max-height:360px;object-fit:contain;background:#07101d;border-radius:11px;margin-top:12px}.notification-card footer{margin-top:12px;color:#8194ad;font-size:11px}.notifications-empty{text-align:center;color:#8fa2bd;padding:55px 15px}@media(max-width:720px){.supervisor-nav{grid-template-columns:repeat(2,1fr)}.notification-fields{grid-template-columns:1fr}.notification-send-row{align-items:stretch;flex-direction:column;bottom:-17px}.notification-send-row button{width:100%}.notification-bell span{display:none}.notifications-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}.notifications-list{padding:12px}#notificationImagePreview{width:100%}#notificationImagePreview img{width:100%;max-width:100%;max-height:260px}}