.notif-overlay{position:fixed;background-color:rgba(0,0,0,.4);top:0;left:0;z-index:100;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.notification-box{padding:1rem;background-color:#fff;min-width:200px;border-radius:12px;color:#000;margin-right:100px;position:relative;overflow:hidden}.notification-box h4{margin:0;font-size:18px;font-weight:600;color:#2f3035}.notification-box p{margin:4px 0;font-size:15px;line-height:1.4;color:#333}.notification-box .head{display:flex;justify-content:space-between;align-items:center}.notification-box button.close{background-color:transparent;cursor:pointer;border:none;outline:none}.notification-box .btnWrapper{display:flex;justify-content:right}.notification-box .btnWrapper button{background-color:#fec53d;color:#000;border:none;padding:5px 10px;border-radius:7px}.notification-details{margin:12px 0;padding:8px 0}.detail-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0;padding:4px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#2f3035;font-size:14px;min-width:80px}.detail-value{color:#333;font-size:14px;text-align:right;flex:1 1;margin-left:8px}