.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(2px);animation:fadeIn .2s ease-in-out}.global-loading-spinner{border-radius:12px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:160px;animation:scaleIn .2s ease-in-out}.spinner-image{width:64px;height:64px;-o-object-fit:contain;object-fit:contain}.spinner-text{font-size:14px;font-weight:500;color:#333;letter-spacing:.5px}.spinner-debug{font-size:11px;color:#666;opacity:.7;margin-top:-8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.global-loading-spinner{padding:24px 32px;min-width:140px}.spinner-image{width:48px;height:48px}.spinner-text{font-size:13px}}#theme-root{min-height:100%}#theme-root,.notification-card{display:flex;flex-direction:column}.notification-card{background:var(--neutral-0);width:420px;max-height:600px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.notification-header{background:var(--primary-500-base,#3862c5);display:flex;flex-direction:column}.notification-header-top{padding:12px 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-title{font-size:18px;font-weight:700;color:var(--neutral-0,#ffffff);margin:0}.mark-read-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-accent);color:var(--neutral-0);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.mark-read-btn:hover:not(:disabled){background:var(--primary-hover)}.mark-read-btn:disabled{opacity:.6;cursor:not-allowed}.mark-read-btn .material-symbols-outlined{font-size:18px}.notification-filters{display:flex;gap:4px;padding:4px 12px 0}.filter-tab{display:flex;padding:var(--spacing-4,4px) var(--spacing-8,8px) var(--spacing-4,4px) var(--p-space-300,12px);justify-content:center;align-items:center;gap:var(--p-space-0,0);border-top-left-radius:4px!important;border-top-right-radius:4px!important;background:transparent;border:none;color:var(--neutral-0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:rgba(255,255,255,.1)}.filter-tab.active{display:flex;padding:var(--spacing-4,4px) var(--spacing-8,8px) var(--spacing-4,4px) var(--p-space-300,12px);justify-content:center;align-items:center;gap:var(--p-space-0,0);border-top-left-radius:4px!important;border-top-right-radius:4px!important;background:var(--Primary-50,#E9EEF9);color:var(--text-primary,#1F2937);font-weight:600}.notifications-list{flex:1;overflow-y:auto;max-height:400px;background:var(--neutral-0,#ffffff)}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-bottom:1px solid var(--neutral-border);cursor:pointer;transition:background .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item.unread{border-left:3px solid #3862c5;padding-left:17px}.notification-item:hover{background:var(--neutral-bg-light)}.notification-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-pink-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initials{color:var(--neutral-0);font-size:14px;font-weight:600;line-height:1}.notification-content{flex:1;min-width:0}.notification-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.notification-heading-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.notification-icon{font-size:18px;color:var(--primary-accent)}.notification-heading{font-size:12px!important;font-weight:600!important;font-family:Inter;color:#1F2937;margin:0;line-height:160%;flex:1;min-width:0}.notification-time{font-size:12px;color:var(--neutral-text-secondary);white-space:nowrap;line-height:1.4}.notification-text{font-size:13px;color:var(--neutral-text-tertiary);margin:0 0 8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.notification-category{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--primary-50-bg);color:var(--primary-600,#2d4e9e);font-size:11px;font-weight:600}.notification-actions{display:flex;gap:12px;margin-left:auto}.action-link{color:var(--primary-accent);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease}.action-link:hover{color:#2d4fa3;text-decoration:underline}.notification-empty-state{flex-direction:column;padding:48px 24px;text-align:center;gap:12px}.empty-icon,.notification-empty-state{display:flex;align-items:center;justify-content:center}.empty-icon{width:72px;height:72px;background:var(--neutral-row-hover);border-radius:50%;margin-bottom:16px}.empty-icon i{font-size:36px;color:var(--neutral-text-secondary)}.empty-title{font-size:16px;font-weight:600;color:var(--neutral-text-tertiary);margin:0 0 8px}.empty-message{font-size:14px;color:var(--neutral-text-secondary);margin:0;line-height:1.5}.notification-loading{padding:24px;display:flex;align-items:center;gap:8px;color:var(--neutral-500,#505258);font-size:14px}.notification-loading .loading-icon{animation:notification-spin 1s linear infinite}.load-more-btn{display:block;width:calc(100% - 40px);margin:16px auto;padding:10px 16px;border-radius:8px;border:1px solid var(--neutral-100,#b7b8bd);background:var(--neutral-0,#ffffff);color:var(--neutral-600,#404246);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.load-more-btn:hover{background:var(--neutral-10,#f0f2f4);border-color:var(--neutral-200,#9d9fa4)}.notification-footer{padding:16px 20px;border-top:1px solid var(--neutral-border);background:var(--neutral-0);text-align:left}.clear-all-link,.view-all-link{color:var(--primary-accent);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease}.clear-all-link:hover,.view-all-link:hover{color:var(--primary-hover);text-decoration:underline}.notifications-list::-webkit-scrollbar{width:4px}.notifications-list::-webkit-scrollbar-track{background:var(--neutral-row-hover)}.notifications-list::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:2px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--neutral-text-secondary)}@keyframes notification-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.notification-card{width:100%;border-radius:0}.notification-header-top{padding:16px}.mark-read-btn{font-size:12px;padding:6px 12px}.filter-tab{padding:10px 16px;font-size:13px}.notification-item{padding:12px 16px}.notification-avatar{width:32px;height:32px}}