.pendingTaskAlert{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:16px;overflow:hidden;position:relative;border:1px solid #e5e7eb;padding:20px}.pendingTaskAlert .alertHeader{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.pendingTaskAlert .alertHeader .alertIcon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.pendingTaskAlert .alertHeader .alertIcon .alertNotiIcon{width:40px;height:40px;display:block}.pendingTaskAlert .alertHeader .alertContent{flex:1 1}.pendingTaskAlert .alertHeader .alertContent h3{color:#333846;font-size:15px;font-weight:600;margin:0 0 8px;line-height:150%}.pendingTaskAlert .alertHeader .alertContent p{color:#333846;font-size:13px;line-height:150%;font-weight:400;margin:0}.pendingTaskAlert .actionButton{background:#fff;color:#f34653;border:1px solid #e5e7eb;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;width:100%;border-radius:8px;border:2px solid rgba(51,56,70,.2);background:var(--Background-White,#fff)}.pendingTaskAlert .actionButton:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.15)}.pendingTaskAlert .actionButton:active{background:#fee2e2;transform:translateY(0)}.pendingTaskAlert .actionButton span{font-size:16px;font-weight:700}@media(max-width:768px){.pendingTaskAlert{padding:16px;margin-bottom:12px}.pendingTaskAlert .alertHeader{gap:12px;margin-bottom:12px}.pendingTaskAlert .alertHeader .alertIcon{width:36px;height:36px}.pendingTaskAlert .alertHeader .alertIcon .alertNotiIcon{width:20px;height:20px}.pendingTaskAlert .alertHeader .alertContent h3{font-size:15px}.pendingTaskAlert .alertHeader .alertContent p{font-size:13px}.pendingTaskAlert .actionButton{padding:10px 16px;font-size:13px}}