.notif-dropdown-btn{background:0 0;border:2px solid #a7ca11;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .3s;display:flex;position:relative}.notif-dropdown-btn.active{background:var(--gradient-zapam,linear-gradient(180deg, #a7ca11 0%, #76a700 100%))}.notif-dropdown-btn.active svg{color:#000!important}.notif-dropdown-btn svg{color:#fff}.notif-badge{color:#a7ca11;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.notif-dropdown-menu{z-index:1000;background-color:#1e1b24;border:1px solid #302b38;border-radius:12px;width:320px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.notif-dropdown-wrapper{z-index:10000;position:relative}@media (min-width:576px){.notif-dropdown-menu{width:400px}}.notif-header{background:var(--gradient-zapam,linear-gradient(180deg, #a7ca11 0%, #76a700 100%));justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-header h6{color:#000;margin:0;font-size:18px;font-weight:700}.notif-header p{color:#333;margin:4px 0 0;font-size:14px;font-weight:500}.notif-mark-all-btn{color:#000;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.notif-list-container{max-height:420px;overflow-y:auto}.notif-list-container::-webkit-scrollbar{width:6px}.notif-list-container::-webkit-scrollbar-track{background:#1e1b24;border-radius:8px;margin:4px 0}.notif-list-container::-webkit-scrollbar-thumb{background:#3b3b48;border-radius:8px}.notif-list-container::-webkit-scrollbar-thumb:hover{background:#a7ca11}.notif-loading,.notif-empty{text-align:center;color:#888;padding:20px}.notif-item{cursor:pointer;background-color:#ffffff05;border-bottom:1px solid #302b38;align-items:flex-start;gap:10px;padding:16px 20px;transition:background-color .2s;display:flex}.notif-item:hover{background-color:#ffffff0d}.notif-item.read{background-color:#0000}.notif-item.read:hover{background-color:#ffffff05}.notif-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.notif-icon-danger{color:#ff4545}.notif-icon-success{color:#a7ca11}.notif-icon-warning{color:#f89c1e}.notif-icon-secondary{color:#8e8295}.notif-content-wrapper{flex:1;min-width:0}.notif-title-row{justify-content:space-between;align-items:flex-start;display:flex}.notif-title{color:#fff;margin:0;padding-right:20px;font-weight:600;font-size:15px!important}.notif-unread-dot{background:var(--gradient-zapam,linear-gradient(180deg, #a7ca11 0%, #76a700 100%));border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-desc{color:#adb5bd;margin:6px 0 12px;font-size:13px;line-height:1.4}.notif-meta-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.notif-time{color:#6c757d;align-items:center;gap:6px;font-size:12px;display:flex}.notif-actions{align-items:center;gap:16px;display:flex}.notif-mark-read-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.notif-mark-read-btn:hover{background-color:#ffffff1a}.notif-footer{text-align:center;border-top:1px solid #302b38;padding:12px}.notif-show-all-btn{color:#a7ca11;cursor:pointer;background:0 0;border:none;width:100%;padding:8px;font-size:14px;font-weight:600;transition:color .2s}.notif-show-all-btn:hover{color:#fff}.notif-page-controls-wrapper{align-items:center;gap:10px;display:flex}.notif-page-controls-label{color:#fffc;font-size:14px;font-weight:500}.notif-filter-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.notif-clear-filters-btn{color:#ff4545!important;background:#ff45450d!important;border:1px solid #ff45454d!important}.notif-page-loading-wrapper{text-align:center;color:#888;padding:40px}.notif-page-empty-wrapper{text-align:center;color:#888;padding:80px 20px}.notif-page-empty-icon{color:#ffffff1a;margin-bottom:16px}.notif-page-empty-title{margin-bottom:8px}.notif-page-empty-desc{color:#666;margin:0}.notif-card-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 20px;transition:background-color .2s;display:flex}@media (max-width:768px){.notif-card-item{flex-direction:column;gap:12px;padding:16px}.notif-card-content-left{width:100%}.notif-card-icon{width:36px;height:36px}.notif-card-icon svg{width:18px!important;height:18px!important}.notif-card-title{font-size:14px!important}.notif-card-meta-row{flex-wrap:wrap;gap:8px;font-size:12px}.notif-card-desc{font-size:13px}.notif-card-content-right{flex-direction:row;align-items:center;gap:8px;width:100%}.notif-mark-read-action{white-space:nowrap;padding:4px 10px!important;font-size:12px!important}}.notif-card-item.read{background-color:#0000}.notif-card-item.unread{background-color:#ffffff05}.notif-card-content-left{flex:1;gap:16px;display:flex}.notif-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.notif-card-text{flex:1}.notif-card-title-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.notif-card-title{margin:0;font-weight:600;color:#000000b3!important;font-size:16px!important}.notif-card-meta-row{color:#888292;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.notif-card-desc{color:#000000b3;max-width:800px;font-size:14px;line-height:1.6}.notif-card-link{color:#a7ca11;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.notif-card-content-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.notif-status-badge{border-radius:100px;padding:4px 10px;font-size:12px;font-weight:500}.notif-status-sent{color:#a7ca11;background-color:#a7ca111a}.notif-status-pending{color:#f89c1e;background-color:#f89c1e1a}.notif-status-failed{color:#ff4545;background-color:#ff45451a}.notif-mark-read-action{color:#000c;cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.notif-mark-read-action:hover{color:#000!important;background:#a7ca111a!important}.notif-pagination-wrapper{justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.notif-pagination-btn{border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;transition:all .2s}.notif-pagination-btn:not(:disabled){color:#fffc;cursor:pointer;background:0 0}.notif-pagination-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff05}.notif-pagination-text{color:#fff9;font-size:14px}.asset-empty-state{background-color:#fff!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:400px!important;margin:20px 0!important;display:flex!important}.empty-state-card{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:16px!important;padding:40px 20px!important;display:flex!important}.empty-state-icon{color:#a6e308!important;background-color:#a7ca111a!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:80px!important;height:80px!important;display:flex!important}.empty-state-title{color:#000000b3!important;margin:0!important;font-size:22px!important;font-weight:600!important}.empty-state-description{color:#888292!important;max-width:400px!important;margin:0!important;font-size:14px!important}