.notification-container{max-width:800px;margin:0 auto;padding:20px}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notification-header h1{margin:0;font-size:24px}.notification-actions{display:flex;gap:10px}.notification-actions button{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.notification-actions button:hover{background-color:#e0e0e0}.notification-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-mark-all-read{background-color:#f1f7ff;color:#0056b3}.btn-mark-all-read:hover{background-color:#e0f0ff}.btn-clear-all{background-color:#fff0f0;color:#e74c3c}.btn-clear-all:hover{background-color:#ffe0e0}.btn-logout{background-color:#f8f9fa;color:#495057}.notification-loading,.notification-empty{padding:40px;text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px;margin-top:20px}.notification-list{list-style:none;padding:0;margin:0}.notification-item{padding:16px;border:1px solid #e6e6e6;border-radius:8px;margin-bottom:12px;background-color:#fff;cursor:pointer;transition:all .2s ease}.notification-item:hover{box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.notification-item.unread{background-color:#f7fbff;border-left:3px solid #0056b3}.notification-content{display:flex;flex-direction:column;gap:8px}.notification-header-row{display:flex;justify-content:space-between;align-items:flex-start}.notification-title{margin:0;font-size:16px;font-weight:600;color:#333}.notification-body{margin:0;font-size:14px;color:#555}.notification-metadata{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777}.notification-timestamp{color:#777}.notification-unread-badge{background-color:#0056b3;color:#fff;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.btn-delete{background-color:transparent;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.btn-delete:hover{background-color:#f0f0f0;color:#e74c3c}@media (max-width: 600px){.notification-header{flex-direction:column;align-items:flex-start;gap:12px}.notification-actions{width:100%;justify-content:space-between}.notification-actions button{padding:6px 12px;font-size:13px}}.notification-list .uc-card_body--xl{font-size:14px}.notification-list .h3{font-size:16px;margin-bottom:4px}.uc-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.notif-nav{display:flex;gap:25px}.table-active{background-color:#0177de1c!important}.uc-filters select.uc-input-style{width:140px;min-width:140px;box-sizing:border-box;margin-left:20px}.uc-filters select.uc-input-style option{width:140px}