.creator-notifications-page{width:min(1500px,calc(100% - 32px));margin:auto;padding:28px 0 60px;color:var(--ui-color-text)}.creator-notifications-nav{display:flex;gap:18px;margin-bottom:22px}.creator-notifications-nav a{color:var(--ui-color-accent);font-weight:800}.creator-notifications-status{display:grid;gap:6px;min-width:210px;padding:20px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-raised)}.creator-notifications-status span{color:var(--ui-color-muted);font-size:var(--ui-font-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.creator-notifications-status strong{font-size:var(--ui-font-lg)}.notification-center{display:grid;gap:var(--ui-space-5);min-width:0}.notification-center-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-sm)}.notification-center-header>[data-notification-filters]{min-width:0;flex:1}.notification-filters{display:flex;gap:8px;overflow-x:auto;padding:0}.notification-filters button{flex:0 0 auto}.notification-list{min-width:0}.notification-list ul{display:grid;gap:var(--ui-space-3);margin:0;padding:0;list-style:none}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);height:160px;padding:var(--ui-space-5);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-sm)}.notification-item[data-unread="true"]{border-left:3px solid var(--ui-color-primary);background:color-mix(in srgb,var(--ui-color-primary) 5%,var(--ui-color-surface))}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-raised);font-size:18px}.notification-content{min-width:0}.notification-title-row{display:flex;align-items:center;gap:10px}.notification-title-row h2{margin:0;font-family:var(--ui-font-body);font-size:var(--ui-font-md);font-weight:800;letter-spacing:0}.notification-item p{display:-webkit-box;overflow:hidden;max-width:80ch;margin:6px 0;color:var(--ui-color-muted);font-size:var(--ui-font-sm);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-meta,.notification-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.notification-meta{color:var(--ui-color-muted);font-size:var(--ui-font-xs)}.notification-actions{justify-content:flex-end}.notification-actions a,.notification-actions button{min-height:36px;padding:7px 11px;font-size:var(--ui-font-xs)}.notification-unread-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ui-color-primary)}.notification-priority-high{color:var(--ui-color-warning);font-weight:900}.notifications-loading{display:grid;place-items:center;min-height:280px}.notifications-empty{margin:20px}
@media(max-width:900px){.notification-item{grid-template-columns:auto minmax(0,1fr);height:200px}.notification-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:640px){.creator-notifications-page{width:100%;padding:0}.creator-notifications-nav{padding:14px 12px;margin:0}.creator-notifications-status{width:100%;min-width:0}.notification-center-header{align-items:stretch;flex-direction:column}.notification-center-header .ui-button{width:100%}.notification-filters{padding-bottom:4px}.notification-item{grid-template-columns:auto minmax(0,1fr);align-items:start;height:auto;min-height:162px;padding:var(--ui-space-4)}.notification-actions{grid-column:1/-1}.notification-actions a,.notification-actions button{flex:1}.notification-list ul{gap:var(--ui-space-2)}}
.notification-item{content-visibility:auto;contain-intrinsic-size:8rem}