.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;border-radius:20px;background:#ee4389;color:white;font-size:11px;font-weight:700;padding:2px 6px;line-height:1.2;font-variant-numeric:tabular-nums}.notification-count[hidden],.notification-dot[hidden]{display:none}.notification-anchor{position:relative}.notification-dot{position:absolute;right:-1px;top:-1px;width:9px;height:9px;background:#ff5994;border-radius:50%;border:2px solid #17121b;pointer-events:none}.mobile-nav .notification-dot{top:10px;right:calc(50% - 15px)}.notification-entry{gap:12px}.notification-entry .notification-count{margin-left:auto}.notification-header-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:10px}.notification-header-link .notification-count{position:absolute;right:-5px;top:-2px;min-width:20px;min-height:20px;font-size:10px}.notification-header-link:hover{background:#ee438910}.notification-page{padding-top:24px;padding-bottom:40px}.notification-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.notification-page .page-title{margin:18px 0 24px}.notification-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.notification-tools .btn,.notification-card .btn,.notification-filters .chip,.notification-more{min-height:46px;white-space:normal;text-align:center}.notification-info{font-size:13px;color:var(--muted);line-height:1.65}.notification-error{color:#f18cac;font-size:13px;overflow-wrap:anywhere}.notification-error:empty{display:none}.notification-filters{display:flex;gap:8px;margin:20px 0}.notification-list{display:grid;gap:16px}.notification-card{background:#1b1621;border:1px solid #342b3b;border-radius:14px;padding:24px;min-width:0;overflow-wrap:anywhere}.notification-card.is-unread{border-color:#80425f;box-shadow:inset 3px 0 #ee4389}.notification-card-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--muted);font-size:12px;line-height:1.5}.notification-card-meta>span{color:#f2aacb;font-weight:600}.notification-card-meta time{font-size:11px}.notification-card h2{font-size:20px;line-height:1.45;margin:15px 0 10px}.notification-card h2 small{font-size:13px;color:var(--muted);font-weight:400;white-space:nowrap}.notification-card p{color:#b7aebf;font-size:14px;line-height:1.7}.notification-card .notification-reason{white-space:pre-wrap;border-left:2px solid #786084;padding-left:12px;color:#e7dced}.notification-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.notification-read-label{font-size:11px;color:var(--muted);margin-right:auto}.is-unread .notification-read-label{color:#ff9bc9}.notification-empty{padding:36px 24px;border:1px dashed #46364e;border-radius:14px;text-align:center;grid-column:1/-1}.notification-empty h2{font-size:21px}.notification-empty p{font-size:14px;color:var(--muted)}.notification-more{margin-top:22px;width:100%}.light-mode .notification-workspace{--muted:#817788}.light-mode .notification-card{background:white;border-color:#e7e0eb}.light-mode .notification-card.is-unread{border-color:#d799b5}.light-mode .notification-card-meta>span{color:#b23f74}.light-mode .notification-card p{color:#776b81}.light-mode .notification-card .notification-reason{color:#44324e;border-color:#c5b5cf}.light-mode .notification-error{color:#b82a58}.light-mode .is-unread .notification-read-label{color:#b92d6d}
@media(min-width:1000px){.notification-page{max-width:1120px}.notification-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.notification-card{padding:20px 16px}.notification-card-meta{align-items:flex-start;flex-direction:column;gap:5px}.notification-card h2{font-size:18px}.notification-card-actions{justify-content:flex-start}.notification-read-label{flex-basis:100%}.notification-card-actions .btn{flex:1;min-width:110px}.notification-tools .btn{flex:1;padding-inline:12px}.notification-page .page-title h1{font-size:32px}}