.notification-bell-container{display:inline-block;position:relative}.notification-bell-toggle{transition:all .3s cubic-bezier(.4,0,.2,1);color:#3b82f6!important;background:linear-gradient(135deg,#3b82f61a,#9333ea1a)!important;border:1px solid #3b82f633!important;border-radius:12px!important;padding:10px 14px!important;box-shadow:0 2px 8px #3b82f626!important}.notification-bell-toggle:hover,.notification-bell-toggle:focus,.notification-bell-toggle:active{transform:translateY(-2px);background:linear-gradient(135deg,#3b82f633,#9333ea33)!important;border-color:#3b82f666!important;box-shadow:0 4px 16px #3b82f640!important}.notification-bell-toggle:after{display:none!important}.notification-bell-icon{justify-content:center;align-items:center;font-size:20px;display:inline-flex;position:relative}.notification-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:12px;min-width:20px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2;animation:2s ease-in-out infinite pulse-badge;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 12px #ef444466,0 0 0 3px #ffffff4d}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444466,0 0 0 3px #ffffff4d}50%{transform:scale(1.15);box-shadow:0 6px 16px #ef444499,0 0 0 4px #fff6}}.notification-dropdown-menu{background-color:#fff;border:1px solid #0000000d;border-radius:24px;min-width:420px;max-width:460px;margin-top:15px;padding:0;animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-header{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.notification-header h6{color:#fff;letter-spacing:.3px;text-shadow:0 2px 4px #0000001a;margin:0;font-size:18px;font-weight:700}.mark-all-read-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.mark-all-read-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.notification-list{max-height:500px;padding:8px 0;overflow-y:auto}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%);border-radius:10px;margin:8px 0}.notification-list::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8 0%,#64748b 100%);border:2px solid #f1f5f9;border-radius:10px;transition:all .3s}.notification-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748b 0%,#475569 100%);border-color:#e2e8f0}.notification-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:60px 20px;display:flex}.modern-spinner{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.spinner-ring{border:3px solid #0000;border-top-color:#3b82f6;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:absolute}.spinner-ring:first-child{border-top-color:#3b82f6;width:60px;height:60px;animation-delay:0s}.spinner-ring:nth-child(2){border-top-color:#8b5cf6;width:45px;height:45px;animation-delay:-.3s}.spinner-ring:nth-child(3){border-top-color:#ec4899;width:30px;height:30px;animation-delay:-.6s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#64748b;margin:0;font-size:14px;font-weight:600;animation:1.5s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.notification-loading .spinner-border{border-width:3px;border-color:#3b82f6 #0000 #3b82f6 #3b82f6;width:40px;height:40px}.notification-empty{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:12px;padding:60px 20px;display:flex}.notification-empty .empty-icon{opacity:.3;color:#3b82f6;margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notification-empty p{color:#64748b;margin:0;font-size:15px;font-weight:500}.announcement-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:16px;gap:16px;margin:4px 12px;padding:20px 24px;transition:all .2s ease-out;display:flex;position:relative}.announcement-item:last-child{margin-bottom:12px}.announcement-item:hover{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-color:#3b82f633;transform:translate(4px);box-shadow:0 4px 12px #3b82f61a}.announcement-item:hover .delete-btn{opacity:1;transform:translateY(-50%)scale(1)}.announcement-item.unread{background:#f8fafc;border:1px solid #2563eb1a;box-shadow:0 4px 6px -1px #0000001a}.announcement-item.unread:before{content:"";background:#2563eb;border-radius:0 4px 4px 0;width:4px;position:absolute;top:20px;bottom:20px;left:0}.announcement-item.unread:hover{background:#f1f5f9;border-color:#2563eb33;box-shadow:0 10px 15px -3px #0000001a}.announcement-item.read{opacity:.7;background:#fff}.delete-btn{color:#ef4444;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;padding:10px;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)scale(.8)}.delete-btn:hover{color:#dc2626;background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;transform:translateY(-50%)scale(1)rotate(10deg);box-shadow:0 4px 12px #ef44444d}.delete-btn:active{transform:translateY(-50%)scale(.9)rotate(10deg)}.announcement-link{color:inherit;text-decoration:none;display:block}.announcement-link:hover{color:inherit;text-decoration:none}.announcement-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.announcement-item:hover .announcement-icon-wrapper{transform:scale(1.1)rotate(5deg)}.announcement-icon{font-size:22px}.announcement-icon.info{color:#3b82f6}.announcement-icon-wrapper:has(.info){background:linear-gradient(135deg,#3b82f626,#3b82f640);box-shadow:0 4px 12px #3b82f633}.announcement-icon.success{color:#10b981}.announcement-icon-wrapper:has(.success){background:linear-gradient(135deg,#10b98126,#10b98140);box-shadow:0 4px 12px #10b98133}.announcement-icon.warning{color:#f59e0b}.announcement-icon-wrapper:has(.warning){background:linear-gradient(135deg,#f59e0b26,#f59e0b40);box-shadow:0 4px 12px #f59e0b33}.announcement-icon.feature{color:#8b5cf6}.announcement-icon-wrapper:has(.feature){background:linear-gradient(135deg,#8b5cf626,#8b5cf640);box-shadow:0 4px 12px #8b5cf633}.announcement-content{flex:1;min-width:0;padding-right:45px}.announcement-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.4;display:flex}.unread-dot{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #3b82f633}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3b82f633}50%{box-shadow:0 0 0 6px #3b82f61a}}.announcement-message{color:#1e293b;word-wrap:break-word;white-space:normal;margin-bottom:8px;font-size:14px;line-height:1.6}.announcement-time{color:#94a3b8;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.announcement-time:before{content:"🕐";font-size:11px}@media (max-width:576px){.notification-dropdown-menu{min-width:320px;max-width:calc(100vw - 40px)}.notification-list{max-height:360px}}@media (prefers-color-scheme:dark){.notification-dropdown-menu{border-color:#ffffff1a;background:#fff!important;box-shadow:0 25px 50px -12px #00000080!important}.announcement-item{border-bottom-color:#ffffff0d;background:#fff!important}.announcement-title,.announcement-message{color:#1e293b!important}.announcement-item.unread{border-left:3px solid #4299e1;background:#f8fafc!important}.notification-header{border-bottom-color:#ffffff1a}.notification-header h6{color:#e2e8f0}.announcement-item{border-bottom-color:#ffffff0d}.announcement-item:hover{background:#2d3748}.announcement-item.unread{background:#4299e126;border-left:3px solid #4299e1}.announcement-item.unread:hover{background:#4299e133}.announcement-item.read{opacity:.6;background:0 0}.delete-btn{color:#fc8181}.delete-btn:hover{color:#feb2b2;background:#fc818126}.announcement-title{color:#e2e8f0}.announcement-message{color:#1e293b}.announcement-time{color:#718096}.notification-empty p{color:#a0aec0}}
.modern-modal .modal-content{color:#fff;background:#1a1a1a;border:none;border-radius:16px;box-shadow:0 20px 60px #0000004d}.modern-modal .modal-header{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);border-bottom:1px solid #3a3a3a;border-radius:16px 16px 0 0;padding:24px 32px 16px}.modern-modal .modal-title h4{color:#fff;margin:0;font-weight:600}.modern-modal .modal-title small{color:#a0a0a0;font-size:.875rem}.modal-icon-wrapper{color:#fff;background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%);border:1px solid #4a4a4a;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #00000080}.modal-icon-wrapper.bg-warning{background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%);border:1px solid #5a5a5a;box-shadow:0 4px 12px #00000080}.modern-modal .btn-close{filter:invert();opacity:.8}.modern-modal .btn-close:hover{opacity:1}.modern-alert{color:#fff;background:#2d2d2d;border:none;border-left:4px solid #5a5a5a;border-radius:12px;padding:16px 20px;font-size:.9375rem;box-shadow:0 2px 8px #0000004d}.modern-alert.alert-success{color:#a5d6a7;background:#1a2e1a;border-left-color:#4caf50}.modern-alert.alert-danger{color:#ef9a9a;background:#2e1a1a;border-left-color:#f44336}.modern-alert-warning{color:#ffcc80;background:#2e2a1a;border-left:4px solid #ff9800}.modern-alert .alert-icon{font-size:1.5rem}.search-input-wrapper{align-items:stretch;gap:12px;display:flex}.modern-input{color:#fff;background:#2d2d2d;border:2px solid #3a3a3a;border-radius:12px;padding:12px 20px;font-size:1rem;transition:all .3s}.modern-input:focus{color:#fff;background:#2d2d2d;border-color:#5a5a5a;box-shadow:0 0 0 4px #5a5a5a33}.modern-input::placeholder{color:#6a6a6a}.search-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%);border:1px solid #4a4a4a;border-radius:12px;padding:12px 28px;font-weight:600;transition:all .3s}.search-btn:hover{color:#fff;background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%);border-color:#5a5a5a;transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.search-result-card{border:1px solid #3a3a3a;border-radius:16px;margin-top:24px;overflow:hidden;box-shadow:0 4px 16px #0006}.result-header{color:#fff;background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%);border-bottom:1px solid #4a4a4a;padding:20px 24px}.result-header h5{align-items:center;margin:0;font-weight:600;display:flex}.result-icon{margin-right:12px;font-size:1.5rem}.result-body{background:#1a1a1a;padding:24px}.user-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;display:grid}.info-item{flex-direction:column;gap:8px;display:flex}.info-label{color:#8a8a8a;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.info-value{color:#fff;font-size:1rem;font-weight:500}.user-details-card{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);border:1px solid #3a3a3a;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000004d}.user-header{border-bottom:2px solid #3a3a3a;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%);border:2px solid #5a5a5a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000080}.user-info h5{color:#fff;margin:0;font-weight:600}.user-info p{color:#a0a0a0;margin:0;font-size:.9375rem}.user-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.stat-item{flex-direction:column;gap:8px;display:flex}.stat-label{color:#8a8a8a;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.stat-badge{color:#fff;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;padding:6px 12px;font-size:.875rem;font-weight:600}.badge{border:1px solid #4a4a4a}.badge.bg-success{color:#a5d6a7!important;background:#2d3a2d!important;border-color:#4caf50!important}.badge.bg-secondary{color:#b0b0b0!important;background:#3a3a3a!important;border-color:#5a5a5a!important}.badge.bg-info{color:#80deea!important;background:#2d3a3a!important;border-color:#00bcd4!important}.modern-textarea{resize:vertical;color:#fff;background:#2d2d2d;border:2px solid #3a3a3a;border-radius:12px;padding:16px;font-size:.9375rem;transition:all .3s}.modern-textarea:focus{color:#fff;background:#2d2d2d;border-color:#5a5a5a;box-shadow:0 0 0 4px #5a5a5a33}.modern-textarea::placeholder{color:#6a6a6a}.form-text{color:#8a8a8a!important}.action-buttons{flex-wrap:wrap;gap:12px;display:flex}.action-btn{border:1px solid #4a4a4a;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;transition:all .3s;display:flex}.danger-btn{color:#ef9a9a;background:linear-gradient(135deg,#3a2d2d 0%,#2d1a1a 100%);border-color:#5a3a3a}.danger-btn:hover{color:#ef9a9a;background:linear-gradient(135deg,#4a3a3a 0%,#3a2d2d 100%);transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.warning-btn{color:#ffcc80;background:linear-gradient(135deg,#3a3a2d 0%,#2d2d1a 100%);border-color:#5a5a3a}.warning-btn:hover{color:#ffcc80;background:linear-gradient(135deg,#4a4a3a 0%,#3a3a2d 100%);transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.modern-btn-secondary{color:#a0a0a0;background:#2d2d2d;border:2px solid #3a3a3a;border-radius:12px;padding:12px 28px;font-weight:600;transition:all .3s}.modern-btn-secondary:hover{color:#fff;background:#3a3a3a;border-color:#4a4a4a}.modern-btn-danger{color:#ef9a9a;background:linear-gradient(135deg,#3a2d2d 0%,#2d1a1a 100%);border:1px solid #5a3a3a;border-radius:12px;padding:12px 28px;font-weight:600;transition:all .3s}.modern-btn-danger:hover:not(:disabled){color:#ef9a9a;background:linear-gradient(135deg,#4a3a3a 0%,#3a2d2d 100%);transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.modern-btn-danger:disabled{opacity:.5;cursor:not-allowed}.modern-modal .modal-body{background:#1a1a1a}.modern-modal .modal-footer{background:#1a1a1a;border-top:1px solid #3a3a3a}.backup-codes-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.backup-code-item{text-align:center;background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);border-radius:12px;transition:all .3s;border:2px solid #3a3a3a!important;padding:16px!important}.backup-code-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080;border-color:#5a5a5a!important}.backup-code-item code{color:#fff;letter-spacing:2px;font-size:1.125rem;font-weight:700}.form-label{color:#fff}@media (max-width:768px){.modern-modal .modal-header{padding:20px 16px 12px}.modal-icon-wrapper{width:48px;height:48px}.search-input-wrapper{flex-direction:column}.user-info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-card,.user-details-card{animation:.3s fadeIn}.spinner-border-sm{border-width:.15em;width:1rem;height:1rem}.modern-modal .modal-body::-webkit-scrollbar{width:8px}.modern-modal .modal-body::-webkit-scrollbar-track{background:#1a1a1a}.modern-modal .modal-body::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.modern-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#4a4a4a}