.notif-view[data-v-d8f37d12]{max-width:800px;margin:0 auto;padding:32px 24px}.notif-view__header[data-v-d8f37d12]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.notif-view__title[data-v-d8f37d12]{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.notif-view__mark-btn[data-v-d8f37d12]{padding:6px 14px;border-radius:6px;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#a5b4fc;font-size:.8125rem;cursor:pointer}.notif-view__filters[data-v-d8f37d12]{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.notif-view__filter[data-v-d8f37d12]{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:none;color:#ffffff80;font-size:.8125rem;cursor:pointer;transition:all .15s}.notif-view__filter--active[data-v-d8f37d12]{background:#6366f11a;border-color:#6366f14d;color:#a5b4fc}.notif-view__list[data-v-d8f37d12]{display:flex;flex-direction:column;gap:6px}.notif-view__item[data-v-d8f37d12]{display:flex;gap:12px;padding:14px 16px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .15s}.notif-view__item[data-v-d8f37d12]:hover{background:#ffffff0a}.notif-view__item--unread[data-v-d8f37d12]{background:#6366f10a;border-color:#6366f11a}.notif-view__item-icon[data-v-d8f37d12]{font-size:1.25rem;flex-shrink:0;padding-top:2px}.notif-view__item-body[data-v-d8f37d12]{flex:1;min-width:0}.notif-view__item-title[data-v-d8f37d12]{font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:4px}.notif-view__item-msg[data-v-d8f37d12]{font-size:.8125rem;color:#ffffff80;line-height:1.4}.notif-view__item-time[data-v-d8f37d12]{font-size:.6875rem;color:#ffffff4d;margin-top:6px}.notif-view__item-actions[data-v-d8f37d12]{display:flex;gap:4px;align-items:flex-start}.notif-view__read-btn[data-v-d8f37d12],.notif-view__link-btn[data-v-d8f37d12]{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:none;color:#ffffff80;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.notif-view__read-btn[data-v-d8f37d12]:hover{background:#22c55e1a;color:#4ade80}.notif-view__link-btn[data-v-d8f37d12]:hover{background:#6366f11a;color:#a5b4fc}.notif-view__empty[data-v-d8f37d12]{text-align:center;padding:48px;color:#fff6}.notif-view__empty-icon[data-v-d8f37d12]{font-size:2.5rem;margin-bottom:12px}.notif-view__prefs[data-v-d8f37d12]{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06)}.notif-view__prefs-title[data-v-d8f37d12]{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 20px}.notif-view__quiet[data-v-d8f37d12]{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#fff9;font-size:.875rem;flex-wrap:wrap}.notif-view__time-input[data-v-d8f37d12]{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:.875rem}.notif-view__quiet-active[data-v-d8f37d12]{color:#fbbf24;font-size:.75rem}.notif-view__matrix[data-v-d8f37d12]{border-radius:8px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.notif-view__matrix-header[data-v-d8f37d12]{display:grid;grid-template-columns:140px repeat(4,1fr);background:#ffffff08}.notif-view__matrix-row[data-v-d8f37d12]{display:grid;grid-template-columns:140px repeat(4,1fr);border-top:1px solid rgba(255,255,255,.04)}.notif-view__matrix-cell[data-v-d8f37d12]{padding:10px 12px;text-align:center;font-size:.8125rem;color:#fff9}.notif-view__matrix-channel[data-v-d8f37d12]{text-align:left;font-weight:500}.notif-view__toggle[data-v-d8f37d12]{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.notif-view__toggle input[data-v-d8f37d12]{opacity:0;width:0;height:0}.notif-view__toggle-slider[data-v-d8f37d12]{position:absolute;inset:0;background:#ffffff1a;border-radius:10px;transition:background .2s}.notif-view__toggle-slider[data-v-d8f37d12]:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.notif-view__toggle input:checked+.notif-view__toggle-slider[data-v-d8f37d12]{background:#6366f1}.notif-view__toggle input:checked+.notif-view__toggle-slider[data-v-d8f37d12]:before{transform:translate(16px)}@media (max-width: 639px){.notif-view[data-v-d8f37d12]{padding:20px 16px}.notif-view__title[data-v-d8f37d12]{font-size:1.25rem}.notif-view__filters[data-v-d8f37d12]{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.notif-view__filter[data-v-d8f37d12]{white-space:nowrap}.notif-view__matrix-header[data-v-d8f37d12],.notif-view__matrix-row[data-v-d8f37d12]{grid-template-columns:100px repeat(4,1fr)}.notif-view__matrix-cell[data-v-d8f37d12]{padding:8px 6px;font-size:.75rem}.notif-view__quiet[data-v-d8f37d12]{flex-direction:column;align-items:flex-start}}