:root{color-scheme:dark;--line:rgba(255,255,255,.12);--muted:#9ca5b5;--blue:#369dff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(36,134,255,.14),transparent 34%),radial-gradient(circle at 90% 15%,rgba(145,60,255,.12),transparent 30%),#050810;color:#f8faff;font-family:"DM Sans",sans-serif}.notifications-shell{width:min(900px,calc(100% - 32px));margin:auto;padding:110px 0 80px}.notifications-header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.notifications-header p{margin:0;color:#7ebdff;font-size:12px;font-weight:800;letter-spacing:.18em}.notifications-header h1{margin:8px 0;font:800 clamp(42px,8vw,76px)/1 Manrope,sans-serif;letter-spacing:-.06em}.notifications-header span,#notificationStatus{color:var(--muted)}.notifications-actions{display:flex;gap:10px}.notifications-actions button{padding:12px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;font-weight:700;cursor:pointer}.notifications-feed{display:grid;gap:10px;margin-top:22px}.notification-card{display:block;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);color:inherit;text-decoration:none}.notification-card.unread{border-color:rgba(54,157,255,.5);background:rgba(54,157,255,.075);box-shadow:inset 4px 0 var(--blue)}.notification-type{color:#77baff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.notification-card h2{margin:8px 0 5px;font-size:18px}.notification-card p{margin:0 0 12px;color:#c5cad4}.notification-card time{color:#7f8899;font-size:12px}.notifications-empty{text-align:center;padding:80px 20px;color:var(--muted)}.notifications-empty b{font-size:42px;color:#5aaeff}@media(max-width:700px){.notifications-shell{padding-top:90px}.notifications-header{display:block}.notifications-actions{margin-top:22px;flex-wrap:wrap}.notifications-actions button{flex:1}.notification-card{padding:18px}}