:root{--accent-color:hsl(193,75%,54%)}.popup-page-container{background-color:#f5f9fa;padding-top:130px;min-height:100vh}.events-title{font-size:2rem;font-weight:700;color:#333;margin-top:40px}.events-title,.section-title{margin-bottom:30px;text-align:center}.section-title{margin-top:60px}.section-title h2{font-size:2rem;font-weight:700;color:#333}.section-title p{color:#555;font-size:1rem}.popup-shadow-box{background:white;box-shadow:0 4px 24px rgba(0,0,0,.05);border-radius:16px;padding:2rem;margin:0 auto 50px;max-width:1300px}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.create-btn{background-color:rgb(168,131,255)!important;color:white!important;font-weight:600!important;border:none!important;border-radius:8px!important;padding:10px 18px!important;font-size:14px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:background-color .3s ease}.create-btn:hover{background-color:rgb(153,110,255)!important}.error-box{background-color:#fee2e2!important;border:1px solid #fca5a5!important;color:#b91c1c!important;padding:12px 16px!important;border-radius:8px!important;margin-bottom:20px!important;text-align:center!important;font-weight:600!important}.cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}.notificationCard{position:relative;width:100%;min-height:420px;background:#ffffff;border-radius:20px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:0 6px 20px rgba(0,0,0,.06);overflow:hidden;text-align:center;transition:transform .2s ease}.notificationCard:hover{transform:translateY(-4px)}.popup-card-top{width:100%;justify-content:space-between;position:absolute;top:14px;left:16px;right:16px}.card-actions,.popup-card-top{display:flex;align-items:center}.card-actions{flex-direction:column;gap:6px;margin-top:0}.toggle-btn{background:none;border:none;cursor:pointer;transition:transform .2s ease}.toggle-btn:hover{transform:scale(1.1)}.toggle-label{font-size:.75rem;font-weight:600;color:#4b5563}.popup-icons-right{display:flex;gap:8px}.icon-btn{background:#f3f4f6;border:none;border-radius:8px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn.danger{background-color:#fee2e2}.notificationHeading{font-weight:600;font-size:1.25rem;color:#111827;margin-top:0;margin-bottom:8px;word-wrap:break-word}.popup-icon-wrapper{font-size:1.6rem;margin-bottom:10px;color:rgb(168,131,255)}.notificationPara{font-size:.95rem;color:#4b5563;line-height:1.5;font-weight:500;margin:0 0 16px}.buttonContainer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;padding-top:10px}.AllowBtn,.NotnowBtn{transition:all .2s ease}.AllowBtn{width:130px;height:34px;background-color:rgb(168,131,255);color:white;border:none;border-radius:20px;font-size:.8em;font-weight:600;cursor:pointer;transition:background-color .2s ease}.AllowBtn:hover{background-color:rgb(153,110,255)}.NotnowBtn{width:130px;height:34px;background:transparent;border:none;color:rgb(168,131,255);font-weight:600;font-size:.8em;cursor:pointer;border-radius:20px;transition:background-color .2s ease}.NotnowBtn:hover{background-color:rgb(239,227,255)}.add-btn{padding:10px 20px;background:var(--accent-color);color:white;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.add-btn:hover{background-color:hsl(193,85%,48%)}.popupImage{object-fit:cover;margin-top:10px}.popupImage,.popupImageWrapper{width:100%;height:180px;border-radius:12px}.popupImageWrapper{overflow:hidden;margin-bottom:12px}