.Notifications-module__sukJBq__container{max-width:1600px;margin:0 auto;padding:2rem}.Notifications-module__sukJBq__headerArea{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.Notifications-module__sukJBq__title{color:#0f172a;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.Notifications-module__sukJBq__subtitle{color:#64748b;margin:0;font-size:.95rem}.Notifications-module__sukJBq__markReadBtn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.Notifications-module__sukJBq__markReadBtn:hover{color:#0f172a;background-color:#e2e8f0}.Notifications-module__sukJBq__list{flex-direction:column;gap:1rem;display:flex}.Notifications-module__sukJBq__card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:1.25rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.Notifications-module__sukJBq__card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.Notifications-module__sukJBq__unread{background-color:#f9fbf7;border-left:4px solid #339dd9}.Notifications-module__sukJBq__iconWrapper{background-color:#f8fafc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.Notifications-module__sukJBq__verifyIcon{color:#eab308}.Notifications-module__sukJBq__jobIcon{color:#0284c7}.Notifications-module__sukJBq__tutorIcon{color:#339dd9}.Notifications-module__sukJBq__paymentIcon{color:#2780b0}.Notifications-module__sukJBq__systemIcon{color:#64748b}.Notifications-module__sukJBq__content{flex-grow:1}.Notifications-module__sukJBq__cardHeader{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.Notifications-module__sukJBq__cardTitle{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.Notifications-module__sukJBq__time{color:#94a3b8;font-size:.8rem}.Notifications-module__sukJBq__description{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.Notifications-module__sukJBq__deleteBtn{opacity:0;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:center;padding:6px;transition:all .2s}.Notifications-module__sukJBq__card:hover .Notifications-module__sukJBq__deleteBtn{opacity:1}.Notifications-module__sukJBq__deleteBtn:hover{color:#ef4444;background-color:#fef2f2}.Notifications-module__sukJBq__emptyState{text-align:center;background-color:#fff;border:1px dashed #cbd5e1;border-radius:6px;padding:4rem 2rem}.Notifications-module__sukJBq__emptyIcon{color:#cbd5e1;margin-bottom:1rem}.Notifications-module__sukJBq__emptyState h3{color:#334155;margin:0 0 .5rem;font-size:1.25rem}.Notifications-module__sukJBq__emptyState p{color:#64748b;margin:0;font-size:.95rem}@media (max-width:768px){.Notifications-module__sukJBq__container{padding:1rem}.Notifications-module__sukJBq__headerArea{flex-direction:column;align-items:flex-start;gap:1rem}.Notifications-module__sukJBq__markReadBtn{justify-content:center;width:100%}.Notifications-module__sukJBq__cardHeader{flex-direction:column;align-items:flex-start;gap:.25rem}.Notifications-module__sukJBq__deleteBtn{opacity:1;position:absolute;top:.75rem;right:.75rem}}