.notif-page{max-width:none}@keyframes notifSpin{to{transform:rotate(-1turn)}}.notif-mobile-top{display:none}@media (max-width:1023px){.notif-page .app-header{display:none}.notif-mobile-top{display:flex;align-items:center;gap:8px;padding:16px 0}.notif-mobile-title{flex:1 1;font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;text-align:center}}.notif-mobile-back{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;flex-shrink:0;transition:background .15s ease}.notif-mobile-back:hover{background:var(--bg-card-hover,var(--bg-input));color:var(--text-primary)}.notif-empty{flex-direction:column;gap:10px;padding:60px 24px;text-align:center}.notif-empty,.notif-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.notif-empty-icon{width:52px;height:52px;border-radius:50%;background:var(--bg-input);margin-bottom:4px}.notif-empty-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.notif-empty-desc{font-size:.8125rem;color:var(--text-muted);max-width:280px}.notif-list{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;padding:0 16px 24px}@media (min-width:640px){.notif-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.notif-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.notif-list{grid-template-columns:repeat(4,1fr)}}.notif-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;cursor:pointer;transition:background .12s,box-shadow .12s;display:flex;flex-direction:column;gap:8px}.notif-card:hover{background:var(--bg-hover);box-shadow:0 2px 8px rgba(0,0,0,.06)}.notif-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-card-badge{flex-shrink:0;font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#dcfce7;color:#16a34a}html[data-theme=dark] .notif-card-badge{background:rgba(22,163,74,.18);color:#4ade80}.notif-card-meta{display:flex;flex-direction:column;gap:5px}.notif-card-meta-row{display:flex;align-items:center;gap:7px;font-size:.8125rem;color:var(--text-secondary)}.notif-card-meta-row svg{flex-shrink:0;opacity:.6}.notif-section{margin-bottom:8px}.notif-section-head{padding:8px 16px 10px}.notif-section-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.notif-section-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.notif-section-count{font-weight:400;color:var(--text-muted)}.notif-card--hold{border-color:var(--warning-border,rgba(245,158,11,.3))}.notif-card-badge--hold{background:rgba(245,158,11,.12);color:#b45309}html[data-theme=dark] .notif-card-badge--hold{background:rgba(245,158,11,.18);color:#fcd34d}.notif-hold-start-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;padding:8px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.notif-hold-start-btn:hover:not(:disabled){background:var(--bg-card-hover,var(--bg-input));border-color:var(--text-muted)}.notif-hold-start-btn:disabled{opacity:.5;cursor:not-allowed}.notif-feedback{margin:0 16px 10px;padding:10px 14px;border-radius:10px;font-size:.8125rem;font-weight:500}.notif-feedback--error{background:var(--danger-bg,rgba(220,38,38,.08));color:var(--danger);border:1px solid rgba(220,38,38,.2)}.notif-feedback--success{background:rgba(16,185,129,.08);color:#059669;border:1px solid rgba(16,185,129,.2)}.notif-card-badge--new{background:rgba(14,165,233,.12);color:#0369a1}html[data-theme=dark] .notif-card-badge--new{background:rgba(14,165,233,.18);color:#38bdf8}.notif-card-badge--followup{background:rgba(124,58,237,.12);color:#6d28d9}html[data-theme=dark] .notif-card-badge--followup{background:rgba(124,58,237,.18);color:#a78bfa}.notif-card-badge--danger{background:rgba(220,38,38,.12);color:#b91c1c}html[data-theme=dark] .notif-card-badge--danger{background:rgba(220,38,38,.18);color:#fca5a5}.notif-card-badge--success{background:rgba(22,163,74,.12);color:#15803d}html[data-theme=dark] .notif-card-badge--success{background:rgba(22,163,74,.18);color:#86efac}.notif-card-badge--hot{background:rgba(239,68,68,.12);color:#dc2626}html[data-theme=dark] .notif-card-badge--hot{background:rgba(239,68,68,.18);color:#f87171}