._7l-vLa_card{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast);cursor:default;align-items:flex-start;gap:16px;padding:16px 24px;display:flex;position:relative}._7l-vLa_card:last-child{border-bottom:none}._7l-vLa_card:hover{background:var(--bg-secondary)}._7l-vLa_card._7l-vLa_unread{background:#2563eb05}._7l-vLa_card._7l-vLa_unread:hover,._7l-vLa_card._7l-vLa_selected{background:#2563eb0a}._7l-vLa_checkboxWrapper{flex-shrink:0;padding-top:2px}._7l-vLa_checkbox{accent-color:var(--accent-primary);cursor:pointer;width:16px;height:16px}._7l-vLa_content{flex:1;min-width:0}._7l-vLa_header{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}._7l-vLa_headerLeft{flex-shrink:0;align-items:center;gap:8px;display:flex}._7l-vLa_typeBadge{font-family:var(--font-family);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}._7l-vLa_unreadDot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}._7l-vLa_date{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto}._7l-vLa_title{font-family:var(--heading-font);font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 4px}._7l-vLa_message{font-family:var(--font-family);font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 6px;line-height:1.5}._7l-vLa_actionLink{font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary);transition:color var(--transition-fast);align-items:center;gap:4px;text-decoration:none;display:inline-flex}._7l-vLa_actionLink:hover{color:var(--accent-primary-dark);text-decoration:underline}._7l-vLa_actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;display:flex}._7l-vLa_card:hover ._7l-vLa_actions,._7l-vLa_card._7l-vLa_selected ._7l-vLa_actions{opacity:1}._7l-vLa_actionBtn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}._7l-vLa_actionBtn:hover{background:var(--bg-secondary);color:var(--text-primary)}._7l-vLa_actionBtn:first-child:hover{color:var(--accent-success)}._7l-vLa_actionBtn:last-child:hover{color:var(--accent-danger)}._7l-vLa_skeletonCard{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:16px;padding:16px 24px;animation:1.5s ease-in-out infinite _7l-vLa_pulse;display:flex}._7l-vLa_skeletonCard:last-child{border-bottom:none}._7l-vLa_skeletonCheckbox{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;width:16px;height:16px;margin-top:2px;animation:1.5s ease-in-out .1s infinite _7l-vLa_pulse}._7l-vLa_skeletonContent{flex-direction:column;flex:1;gap:6px;display:flex}._7l-vLa_skeletonHeader{justify-content:space-between;align-items:center;width:100%;display:flex}._7l-vLa_skeletonType{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;width:60px;height:16px;animation:1.5s ease-in-out .2s infinite _7l-vLa_pulse}._7l-vLa_skeletonDate{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;width:70px;height:14px;margin-left:auto;animation:1.5s ease-in-out .3s infinite _7l-vLa_pulse}._7l-vLa_skeletonTitle{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:50%;height:20px;animation:1.5s ease-in-out .2s infinite _7l-vLa_pulse}._7l-vLa_skeletonMessage{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:80%;height:16px;animation:1.5s ease-in-out .3s infinite _7l-vLa_pulse}._7l-vLa_skeletonMessage:last-child{animation-delay:.4s}._7l-vLa_skeletonActions{opacity:1;flex-shrink:0;gap:4px;display:flex}._7l-vLa_skeletonActionBtn{background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;width:32px;height:32px;animation:1.5s ease-in-out .3s infinite _7l-vLa_pulse}._7l-vLa_skeletonActionBtn:nth-child(2){animation-delay:.4s}@keyframes _7l-vLa_pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){._7l-vLa_card{gap:12px;padding:14px 16px}._7l-vLa_actions{opacity:1}._7l-vLa_actionBtn{width:28px;height:28px}._7l-vLa_title{font-size:var(--font-sm)}._7l-vLa_message{font-size:var(--font-xs)}._7l-vLa_skeletonCard{padding:14px 16px}._7l-vLa_skeletonActionBtn{width:28px;height:28px}}@media (max-width:480px){._7l-vLa_card{flex-wrap:wrap;gap:10px;padding:12px}._7l-vLa_checkboxWrapper{order:2}._7l-vLa_content{flex:100%;order:3}._7l-vLa_actions{order:4;margin-left:auto}._7l-vLa_header{flex-wrap:wrap;gap:4px}._7l-vLa_date{margin-left:0}._7l-vLa_skeletonCard{flex-wrap:wrap;gap:10px;padding:12px}._7l-vLa_skeletonCheckbox{order:2}._7l-vLa_skeletonContent{flex:100%;order:3}._7l-vLa_skeletonActions{order:4;margin-left:auto}._7l-vLa_skeletonDate{margin-left:0}}
.-dk-Mq_container{flex-wrap:wrap;align-items:center;display:flex}.-dk-Mq_filters{flex-wrap:wrap;gap:4px;display:flex}.-dk-Mq_filterBtn{border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.-dk-Mq_filterBtn:hover{background:var(--bg-secondary);color:var(--text-primary)}.-dk-Mq_filterBtn.-dk-Mq_active{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.-dk-Mq_count{background:var(--bg-tertiary);border-radius:var(--radius-full);min-width:20px;height:20px;font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.-dk-Mq_filterBtn.-dk-Mq_active .-dk-Mq_count{background:var(--accent-primary);color:#fff}.-dk-Mq_skeletonContainer{flex-wrap:wrap;align-items:center;display:flex}.-dk-Mq_skeletonFilters{flex-wrap:wrap;gap:4px;display:flex}.-dk-Mq_skeletonFilter{background:var(--bg-tertiary);border-radius:var(--radius-full);width:70px;height:32px;animation:1.5s ease-in-out infinite -dk-Mq_pulse}.-dk-Mq_skeletonFilter:nth-child(2){animation-delay:.1s}.-dk-Mq_skeletonFilter:nth-child(3){animation-delay:.2s}.-dk-Mq_skeletonFilter:nth-child(4){animation-delay:.3s}.-dk-Mq_skeletonFilter:nth-child(5){animation-delay:.4s}.-dk-Mq_skeletonFilter:nth-child(6){animation-delay:.5s}@keyframes -dk-Mq_pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.-dk-Mq_skeletonFilter{width:60px;height:28px}}@media (max-width:480px){.-dk-Mq_skeletonFilter{width:50px;height:24px}}
._3WxVVq_page{background:var(--bg-secondary);min-height:100vh;padding:32px 0 60px}._3WxVVq_container{max-width:1200px;margin:0 auto;padding:0 40px}._3WxVVq_header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}._3WxVVq_title{font-family:var(--heading-font);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 4px}._3WxVVq_subtitle{font-family:var(--font-family);font-size:var(--font-sm);color:var(--text-muted);margin:0}._3WxVVq_headerActions{align-items:center;gap:12px;display:flex}._3WxVVq_markAllBtn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;display:inline-flex}._3WxVVq_markAllBtn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}._3WxVVq_settingsBtn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);border:none;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;display:inline-flex}._3WxVVq_settingsBtn:hover{background:var(--accent-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}._3WxVVq_content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}._3WxVVq_toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}._3WxVVq_bulkActions{align-items:center;gap:8px;display:flex}._3WxVVq_selectedCount{font-family:var(--font-family);font-size:var(--font-sm);color:var(--text-secondary);margin-right:4px}._3WxVVq_bulkActionBtn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-family:var(--font-family);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 12px;display:inline-flex}._3WxVVq_bulkActionBtn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}._3WxVVq_bulkActionBtn._3WxVVq_danger:hover{border-color:var(--accent-danger);color:var(--accent-danger)}._3WxVVq_emptyState{text-align:center;padding:80px 20px}._3WxVVq_emptyState svg{color:var(--text-muted);opacity:.4;margin-bottom:16px}._3WxVVq_emptyState h2{font-family:var(--heading-font);font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 4px}._3WxVVq_emptyState p{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-secondary);margin:0}._3WxVVq_notificationList{flex-direction:column;display:flex}@media (max-width:1200px){._3WxVVq_container{padding:0 32px}}@media (max-width:1024px){._3WxVVq_container{padding:0 24px}}@media (max-width:768px){._3WxVVq_page{padding:20px 0 40px}._3WxVVq_container{padding:0 16px}._3WxVVq_header{flex-direction:column;align-items:stretch}._3WxVVq_title{font-size:var(--font-2xl)}._3WxVVq_headerActions{flex-direction:column;align-items:stretch}._3WxVVq_markAllBtn,._3WxVVq_settingsBtn{justify-content:center}._3WxVVq_toolbar{flex-direction:column;align-items:stretch;padding:12px 16px}._3WxVVq_bulkActions{flex-wrap:wrap}._3WxVVq_emptyState{padding:60px 16px}._3WxVVq_emptyState h2{font-size:var(--font-xl)}._3WxVVq_emptyState p{font-size:var(--font-sm)}}@media (max-width:480px){._3WxVVq_page{padding:16px 0 32px}._3WxVVq_container{padding:0 12px}._3WxVVq_title{font-size:var(--font-xl)}._3WxVVq_subtitle{font-size:var(--font-xs)}._3WxVVq_toolbar{padding:10px 12px}._3WxVVq_bulkActions{flex-wrap:wrap}._3WxVVq_selectedCount{font-size:var(--font-xs)}._3WxVVq_bulkActionBtn{font-size:var(--font-xs);padding:3px 8px}._3WxVVq_emptyState{padding:40px 12px}._3WxVVq_emptyState h2{font-size:var(--font-lg)}._3WxVVq_emptyState p{font-size:var(--font-xs)}}
