app-user-notifications{display:block}app-user-notifications .nc{max-width:960px;padding-bottom:88px}app-user-notifications .nc-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}app-user-notifications .nc-head__body{flex:1;min-width:0}app-user-notifications .nc-head__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}app-user-notifications .nc-head__mark:disabled{opacity:.5;cursor:not-allowed}app-user-notifications .nc-pop{position:relative}app-user-notifications .nc-pop__menu{z-index:30;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);min-width:250px;box-shadow:var(--shadow-card);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}app-user-notifications .nc-pop__menu--narrow{min-width:190px}app-user-notifications .nc-pop__item{border-radius:var(--radius-sm);min-height:40px;font:inherit;font-size:var(--font-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}app-user-notifications .nc-pop__item app-icon{width:16px;height:16px;color:var(--text-secondary)}@media (hover:hover){app-user-notifications .nc-pop__item:hover:not(:disabled){background:var(--bg-input)}}app-user-notifications .nc-pop__item:active:not(:disabled):not([aria-disabled=true]){background:var(--bg-input);transition-duration:var(--motion-instant)}app-user-notifications .nc-pop__item:focus-visible{background:var(--bg-input);outline:none}app-user-notifications .nc-pop__item:disabled{opacity:.45;cursor:not-allowed}app-user-notifications .nc-pop__item.is-active{color:var(--primary);font-weight:600}app-user-notifications .nc-pop__item--danger,app-user-notifications .nc-pop__item--danger app-icon{color:var(--color-error)}app-user-notifications .nc-pop__tick{margin-left:auto;color:var(--primary)!important}app-user-notifications .nc-pop__sep{background:var(--border-color);height:1px;margin:4px 6px}app-user-notifications .nc-filters{align-items:center;gap:12px;margin-bottom:14px;display:flex}app-user-notifications .nc-tabs{scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:2px;display:flex;overflow-x:auto}app-user-notifications .nc-tabs::-webkit-scrollbar{display:none}app-user-notifications .nc-tab{white-space:nowrap;flex-shrink:0;min-height:38px}app-user-notifications .nc-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}app-user-notifications .nc-tab__count{border-radius:var(--radius-full);background:var(--bg-input);min-width:20px;height:20px;color:var(--text-secondary);place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}app-user-notifications .nc-tab__count.is-strong{background:var(--primary);color:#fff}app-user-notifications .nc-tab.is-active .nc-tab__count:not(.is-strong){background:rgba(var(--primary-rgb), .14);color:var(--primary)}app-user-notifications .nc-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}app-user-notifications .nc-tools .icon-btn.is-on{color:var(--primary);border-color:rgba(var(--primary-rgb), .35)}app-user-notifications .nc-search{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);width:240px;height:38px;color:var(--text-secondary);animation:m-pop var(--motion-fast) var(--ease-enter) backwards;align-items:center;gap:8px;padding:0 12px;display:flex}app-user-notifications .nc-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}app-user-notifications .nc-search app-icon{width:16px;height:16px}app-user-notifications .nc-search__input{min-width:0;font:inherit;font-size:var(--font-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}app-user-notifications .nc-range{min-height:38px}app-user-notifications .nc-range app-icon{width:15px;height:15px}app-user-notifications .nc-range__caret{color:var(--text-secondary)}app-user-notifications .nc-note{animation:m-rise var(--motion-base) var(--ease-enter) backwards;font-size:var(--font-sm);color:var(--tone-green);align-items:center;gap:8px;margin-bottom:12px;display:flex}app-user-notifications .nc-note app-icon{width:16px;height:16px}app-user-notifications .nc-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);position:relative;overflow:hidden}app-user-notifications .nc-group{animation:m-rise var(--motion-base) var(--ease-enter) backwards}app-user-notifications .nc-group+.nc-group{border-top:1px solid var(--border-color)}app-user-notifications .nc-group__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:14px 16px 6px;font-size:12px;font-weight:700}app-user-notifications .nc-foot{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:8px;min-height:52px;display:flex}app-user-notifications .nc-foot__text{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}app-user-notifications .nc-foot__text .loader{width:14px;height:14px}app-user-notifications .nc-sentinel{height:1px}app-user-notifications .nc-skeleton__row{align-items:flex-start;gap:12px;padding:16px;display:flex}app-user-notifications .nc-skeleton__row+.nc-skeleton__row{border-top:1px solid var(--border-color)}app-user-notifications .nc-skeleton__avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px}app-user-notifications .nc-skeleton__lines{flex-direction:column;flex:1;gap:8px;padding-top:2px;display:flex}app-user-notifications .nc-skeleton__time{width:72px;height:10px}app-user-notifications .nc-state{text-align:center;animation:m-rise var(--motion-base) var(--ease-enter) backwards;flex-direction:column;align-items:center;gap:6px;padding:44px 20px 40px;display:flex}app-user-notifications .nc-state__icon,app-user-notifications .nc-state__bell{animation:m-check var(--motion-expressive) var(--ease-spring) backwards}app-user-notifications .nc-state__icon{background:var(--bg-input);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}app-user-notifications .nc-state__icon app-icon{width:22px;height:22px}app-user-notifications .nc-state__icon--ok{color:var(--tone-green);background:#34c7591f}app-user-notifications .nc-state__icon--warn{color:var(--tone-orange);background:#ff950024}app-user-notifications .nc-state__bell{background:radial-gradient(circle, var(--primary-light) 55%, transparent 56%),radial-gradient(circle, rgba(var(--primary-rgb), .08) 70%, transparent 71%);width:72px;height:72px;color:var(--primary);border-radius:50%;place-items:center;margin-bottom:8px;display:grid;position:relative}app-user-notifications .nc-state__bell app-icon{width:30px;height:30px}app-user-notifications .nc-state__spark{border:2px solid var(--bg-card);background:var(--tone-pink);border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:14px}app-user-notifications .nc-state__title{font-size:var(--font-md);color:var(--text-primary);font-weight:700}app-user-notifications .nc-state__text{max-width:360px;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;line-height:1.5}app-user-notifications .nc-bulk{z-index:40;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);width:max-content;max-width:calc(100vw - 32px);animation:app-user-notifications__nc-bulk-in var(--motion-base) var(--ease-enter) backwards;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000029}[data-motion=exit] app-user-notifications .nc-bulk{animation:app-user-notifications__nc-bulk-out var(--motion-fast) var(--ease-exit) forwards}app-user-notifications .nc-bulk__all{cursor:pointer;place-items:center;width:32px;height:40px;display:grid}app-user-notifications .nc-bulk__all input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}app-user-notifications .nc-bulk__count{min-width:150px;font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}app-user-notifications .nc-bulk__actions{gap:6px;display:flex}app-user-notifications .nc-bulk__actions .btn{min-height:38px}app-user-notifications .nc-bulk__actions .btn:disabled{opacity:.45;cursor:not-allowed}app-user-notifications .nc-bulk__actions app-icon{width:15px;height:15px}@keyframes app-user-notifications__nc-bulk-in{0%{opacity:0;transform:translate(-50%, var(--motion-shift))}}@keyframes app-user-notifications__nc-bulk-out{to{opacity:0;transform:translate(-50%, var(--motion-shift))}}@media (max-width:1024px){app-user-notifications .nc-head__mark-label{display:none}app-user-notifications .nc-head__mark{width:40px;padding:0}}@media (max-width:640px){app-user-notifications .nc{padding-bottom:96px}app-user-notifications .nc-head{margin-bottom:14px}app-user-notifications .nc-filters{flex-direction:column;align-items:stretch;gap:10px}app-user-notifications .nc-tabs{margin:0 -10px;padding:2px 10px}app-user-notifications .nc-tools{justify-content:flex-end}app-user-notifications .nc-search{flex:1;width:auto}app-user-notifications .nc-card{border-left:none;border-right:none;border-radius:0;margin:0 -10px}app-user-notifications .nc-group__label{padding:12px 12px 4px}app-user-notifications .nc-bulk{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;animation-name:m-slide-up;transform:none}[data-motion=exit] app-user-notifications .nc-bulk{animation-name:m-slide-down}app-user-notifications .nc-bulk__count{min-width:0;font-size:var(--font-xs);flex:1}app-user-notifications .nc-bulk__label{display:none}app-user-notifications .nc-bulk__actions .btn{width:40px;padding:0}}