@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root body{font-family:Roboto,sans-serif;background-color:var(--gray-900)}:root .headerApp{position:fixed;top:0;width:100%;height:100px;background-color:var(--gray-900);z-index:1;margin-left:.5rem}:root .contentCenter{display:flex;justify-content:center;height:calc(100vh - 100px)}:root .titleFont{font-family:Roboto,sans-serif;color:var(--gray-100)}:root .font{font-family:Roboto,sans-serif}:root .fontErrorMessage{font-family:Roboto,sans-serif;color:red}:root .titleFontSize{font-size:50px}:root .avatar{height:60px}.form-connect{position:relative;display:flex;flex-direction:column;margin-top:100px;margin-bottom:auto}.form-title-font{font-family:Roboto,sans-serif;font-size:32px;color:#acacac;text-align:center}.form-title-font-h3{font-family:Roboto,sans-serif;text-align:center;color:#4a4a4a}.form{position:relative;display:flex;flex-direction:column;width:250px;height:auto;padding:2rem;margin:auto;border:1px solid grey;border-radius:12px;z-index:2;box-shadow:0 10px 25px -5px #3b82f626,0 4px 6px -2px #0000001a}.form-input{background:transparent;border:transparent;margin:1rem;border-bottom:1px solid grey;color:#acacac}.form-input:focus{outline:none}.form-input::placeholder{color:gray}.forgotPassword-input{text-align:center}.alreadyHaveAnAccont{margin:1rem;font-size:1rem;color:#4a4a4a}.formConnectAvatar{display:flex;flex-direction:column}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;background:transparent;border:transparent;margin:1rem;border-bottom:1px solid grey}.toggle-password-visibility{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;color:#888;padding:0}.toggle-password-visibility:focus{outline:none}.error-message{margin:20px}.btn-link{display:flex;justify-content:center;margin-top:10px}.btnAcount{padding:.4rem;font-size:.8rem;background-color:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600);margin-bottom:1rem;border-radius:7px}.btnLog{padding:.6rem;font-size:.8rem;background-color:var(--gray-800);color:var(--gray-300);border-color:var(--gray-700);margin-top:1rem;border-radius:10px}.btnLog:hover{background-color:var(--gray-600)}.form-connect-message{margin-top:1rem;display:flex;flex-direction:column;text-align:center}.btnLogin{display:flex;justify-content:space-around}.formAddDAte{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;gap:1rem}.formAddInput{background:transparent;border:transparent;margin:.5rem;border-bottom:1px solid grey}.formAddInput::placeholder{color:#fff}.formAddInput:focus{outline:none}.formEditDateInput:focus{outline:none}.formEditDateInput{background:transparent;border:transparent;border-bottom:1px solid grey}#family{color:#f0f8ff}.form-date-labelDate{font-size:.8em;color:#fff}.form-date-input{color:#fff}.form-date-input1{margin-bottom:.6rem}.addDate-inputDate{width:100px;border-bottom:none}:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}:root table{width:100%;border-collapse:collapse;table-layout:fixed}:root td{border:1px solid #ddd;padding:8px;vertical-align:top;width:14.28%;color:#8dbfce;overflow:auto;scrollbar-width:none}:root tr:nth-child(2n){background-color:var(--gray-600)}:root td:hover{background-color:#ddd;color:var(--gray-600)}:root h2{text-align:center;color:#333}:root .btnAgenda{background-color:#1b1b71;color:#fff;padding:10px 24px;margin:10px;border:none;border-radius:50px;cursor:pointer}:root .btnAgenda:hover{background-color:#008cba}:root p{margin:0;color:#666}:root .square{width:80%;height:0;padding-bottom:45%;position:relative}:root .square-content{position:absolute;width:100%;height:100%}:root .nameAgenda{text-align:end}:root .month-navigation{display:flex;justify-content:center;align-items:center}:root .currentMonth{color:var(--gray-300)}:root .agenda-names{width:225px;margin:.3rem;font-size:smaller}@media (max-width: 600px){:root .day-number{display:flex;justify-content:center;align-items:center}:root .day-number strong{margin-right:4px}:root .names{font-size:smaller;text-align:center}:root td{height:80px}:root table{margin-top:1rem}}.date-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;gap:1rem}.filter-input{margin-bottom:.6rem}.title-filter{margin:0;font-size:1.5rem;color:#fff;font-family:Roboto,sans-serif}.inputFilter{background:transparent;border:transparent;border-bottom:1px solid grey;margin:.5rem;color:#f0f8ff}.inputFilter:focus{outline:none}.inputFilter::placeholder{color:#fff}@media (max-width: 600px){.btn-filter{width:180px;padding:.65rem 1rem}}:root{--primary: #4361ee;--primary-light: #4cc9f0;--secondary: #f72585;--secondary-light: #ff9e00;--dark: #3a0ca3;--light: #f8f9fa;--gray: #6c757d;--success: #4ade80;--danger: #ef4444}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.birthCardCountdown{display:flex;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.daysContainer,.hoursContainer,.minutesContainer,.secondsContainer{display:flex;flex-direction:column;align-items:center;flex:1}.days,.hours,.minutes,.seconds{font-size:1.5rem;font-weight:700;width:100%;height:46px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:.25rem;animation:pulse 1s infinite;animation-delay:.1s}.hours{background:linear-gradient(135deg,var(--primary) 0%,var(--dark) 100%);animation-delay:.2s}.minutes{background:linear-gradient(135deg,var(--secondary-light) 0%,var(--secondary) 100%);animation-delay:.3s}.seconds{background:linear-gradient(135deg,var(--secondary) 0%,var(--dark) 100%);animation-delay:.4s}.daysLabel,.hoursLabel,.minutesLabel,.secondsLabel{font-size:.625rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.lastDay .days{animation:pulse .6s infinite;background:linear-gradient(135deg,var(--secondary) 0%,var(--danger) 100%)}Style pour le compteur mobile .birthCardCountdown.mobile{gap:.25rem}.birthCardCountdown.mobile .days,.birthCardCountdown.mobile .hours,.birthCardCountdown.mobile .minutes,.birthCardCountdown.mobile .seconds{border-radius:6px;font-size:.85rem;height:28px}.birthCardCountdown.mobile .daysLabel,.birthCardCountdown.mobile .hoursLabel,.birthCardCountdown.mobile .minutesLabel,.birthCardCountdown.mobile .secondsLabel{font-size:.6rem}.dateListHeader{display:flex;flex-direction:column}.dateList-tiltle{display:flex;justify-content:center}.dateListHeader-btn{display:flex;justify-content:center;align-items:center;margin:1rem}.dateListHeader-btn .btnSwitch{width:200px}.dateListheaderConter{padding:1.5rem;max-width:1600px;margin:0 auto}.titleFont{font-size:1.75rem;color:var(--gray-800);margin-bottom:1.5rem}.btnSwitch{padding:.65rem 1.25rem;background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;margin:0 1rem}.btnSwitch:hover{background-color:var(--gray-200)}.btnSwitch.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.forms-container{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.form-section{border-radius:12px;padding:.8rem;margin:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--gray-200);animation:slideDown .3s ease-out;opacity:1;transform:translateY(0);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-section{background-color:var(--gray-900)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem auto;max-width:1600px;padding:0 1.5rem}.pagination button{min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid var(--gray-200);background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--gray-700)}.pagination button:hover:not([disabled]){background-color:var(--gray-100);color:var(--gray-900)}.pagination button.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .ellipsis{display:flex;align-items:center;justify-content:center;min-width:2rem;color:var(--gray-500);font-weight:700}.pagination button:first-child,.pagination button:last-child{min-width:auto;padding:0 1rem;font-weight:600}@media (max-width: 768px){.dateListHeader-btn{gap:.75rem;margin:1rem .5rem}.dateListHeader-btn .btnSwitch{width:180px;height:48px}.pagination{gap:.25rem;padding:0 1rem}.pagination button{min-width:2.25rem;height:2.25rem;font-size:.8rem}.pagination button:first-child,.pagination button:last-child{padding:0 .75rem;font-size:.8rem}.pagination .ellipsis{min-width:1.5rem;height:2.25rem;font-size:.8rem}}@media (max-width: 600px){.dateListHeader-btn{margin:1rem;gap:.2rem}.dateListHeader-btn .btnSwitch{width:130px;height:60px}.btnSwitch{margin:.2rem;padding:.4rem}.pagination{flex-wrap:wrap;gap:.3rem}.pagination button{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.85rem}.pagination button:first-child,.pagination button:last-child{flex:1}}@media (prefers-color-scheme: dark){.pagination button{background-color:var(--gray-800);color:var(--gray-300);border-color:var(--gray-700)}.pagination button:hover:not([disabled]){background-color:var(--gray-700)}.pagination .ellipsis{color:var(--gray-400)}}:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--primary: #3b82f6;--primary-light: #60a5fa;--success: #10b981;--danger: #ef4444;--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.birthDeck{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:1.5rem;max-width:1600px;margin:0 auto}.birthCard{background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .5s ease backwards;display:flex;flex-direction:column;min-height:320px;height:100%;z-index:0}.birthCard:nth-child(5n+1){animation-delay:.1s}.birthCard:nth-child(5n+2){animation-delay:.2s}.birthCard:nth-child(5n+3){animation-delay:.3s}.birthCard:nth-child(5n+4){animation-delay:.4s}.birthCard:nth-child(5n+5){animation-delay:.5s}.birthCard:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.birthCard:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gray-400)}.birthCard:nth-child(4n+1):before{background:var(--gray-400)}.birthCard:nth-child(4n+2):before{background:var(--gray-500)}.birthCard:nth-child(4n+3):before{background:var(--gray-600)}.birthCard:nth-child(4n+4):before{background:var(--primary)}.birthCard.family:before{background:var(--gray-700)}.birthCardName{padding:1.25rem 1.25rem .5rem;display:flex;flex-direction:column;line-height:1.2;z-index:1}.birthCard-name{font-size:1.25rem;color:var(--gray-800);margin-right:.5rem;text-align:center}.birthCardName span:last-child{text-align:center;font-size:1rem;color:var(--gray-500)}.birthCardAge{padding:0 1.25rem;margin-bottom:.5rem}.age{font-size:2rem;font-weight:700;color:var(--primary);display:inline-block}.birthCard:nth-child(4n+2) .age{color:var(--primary);opacity:.9}.birthCard:nth-child(4n+3) .age{color:var(--primary);opacity:.8}.birthCard:nth-child(4n+4) .age{color:var(--primary);opacity:.7}.birthCardDate{text-align:center;padding:0 1.25rem;margin-bottom:1rem;font-size:.875rem;color:var(--gray-500)}.birthCardCenter{margin-top:auto;padding:1.25rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50);display:flex;flex-direction:column;gap:1rem}.daysUntilBirthday{width:100%}.button-group{display:flex;gap:.5rem}.btn-edit,.btn-view{flex:1;padding:.65rem 0;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-edit{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-view{background-color:var(--primary);color:#fff}.btn-edit:hover{background-color:var(--gray-200)}.btn-view:hover{background-color:var(--primary-light)}.birthCard.today:after{content:"Aujourd'hui !";position:absolute;top:22px;right:-47px;background-color:var(--gray-600);color:#fff;padding:.25rem 1.5rem;font-size:.75rem;font-weight:700;transform:rotate(45deg);box-shadow:0 2px 4px #0000001a;z-index:1;width:110px;text-align:center}.birthCard.thisWeek:after{content:"Cette semaine";position:absolute;top:22px;right:-47px;background-color:var(--gray-500);color:#fff;padding:.25rem 1.5rem;font-size:.75rem;font-weight:700;transform:rotate(45deg);box-shadow:0 2px 4px #0000001a;z-index:1;width:110px;text-align:center}.no-results{text-align:center;padding:2rem;background-color:var(--gray-100);border-radius:8px;color:var(--gray-600);font-size:1.1rem;margin:2rem auto;box-shadow:var(--card-shadow);max-width:600px}@media (max-width: 1400px){.birthDeck{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.birthDeck{grid-template-columns:repeat(3,1fr)}}@media (max-width: 850px){.birthDeck{grid-template-columns:repeat(2,1fr)}.pagination{flex-wrap:wrap}}@media (max-width: 600px){.birthDeck{grid-template-columns:repeat(2,1fr);gap:.8rem;row-gap:2.5rem;padding:.8rem}.birthCard{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"name age" "date date" "countdown countdown" "actions actions";min-height:unset;padding:.75rem;border-radius:12px}.birthCardCenter{width:107%;margin:-.8rem 1rem -.8rem -.8rem}.birthCardName{grid-area:name;padding:.3rem 0 .3rem .3rem}.birthCardAge{grid-area:age;text-align:right;padding:.3rem .3rem .3rem 0;margin:0}.birthCardDate{grid-area:date;text-align:center;padding:0;margin:.25rem 0;font-size:.8rem}.daysUntilBirthday{grid-area:countdown;margin:.3rem 0}.birthCardCenter{grid-area:actions;padding:.5rem;margin-top:.4rem;border-top:1px solid var(--gray-200)}.birthCard-name{font-size:1rem;margin-right:0}.birthCardName span:last-child{font-size:.8rem}.age{flex-direction:column;font-size:1.5rem;display:flex}.button-group{flex-direction:row;gap:.5rem}.btn-edit,.btn-view{padding:.5rem 0;font-size:.8rem;border-radius:6px}.birthCard.today:after,.birthCard.thisWeek:after{font-size:.65rem;top:19px;right:-40px;padding:.2rem 1rem;width:100px}.pagination{padding:.5rem;gap:.3rem}.pagination button{padding:.4rem .7rem;font-size:.8rem}.pagination .ellipsis{display:none}}@media (max-width: 380px){.birthDeck{gap:.6rem;padding:.6rem}.btn-edit,.btn-view{font-size:.75rem;padding:.45rem 0}.birthCard.today:after,.birthCard.thisWeek:after{right:-40px;font-size:.6rem;padding:.15rem .8rem;width:90px}}@media (prefers-color-scheme: dark){.birthCard{background:var(--gray-800);border:1px solid var(--gray-700)}.birthCard-name{color:#fff}.birthCardName span:last-child{color:var(--gray-300)}.birthCardDate{color:var(--gray-400)}.birthCardCenter{border-top:1px solid var(--gray-700);background-color:var(--gray-900)}.btn-edit{background-color:var(--gray-700);color:#fff;border-color:var(--gray-600)}.btn-edit:hover{background-color:var(--gray-600)}.btnSwitch{background-color:var(--gray-700);color:#fff;border-color:var(--gray-600)}.btnSwitch:hover{background-color:var(--gray-600)}.no-results{background-color:var(--gray-800);color:var(--gray-300)}.titleFont{color:var(--gray-50)}.homePageRoot,.homePageHeader{background-color:var(--gray-900)}}.profile{display:flex;flex-direction:row;justify-content:center}.profile_info{margin-top:2rem;position:relative;max-width:400px;max-height:650px;padding:1rem;margin:1.5rem;border:3px solid black;margin-bottom:-10px;border-radius:10%;z-index:0;background-color:var(--gray-800)}.profil,h2{color:var(--gray-100)!important;font-family:Roboto,sans-serif}.profile_info_details{margin:1rem!important;color:var(--gray-300)!important;font-family:Roboto,sans-serif}.profil-btn{gap:1rem;margin-top:6rem!important}.profile-togglePasswordContainer{text-align:center}.btn-profil{margin-top:1rem;padding:10px;margin:8px 0;box-sizing:border-box;border:none;border-radius:4px;background-color:#2196f3;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;width:200px}.btn-profilGreen{background-color:#23ce95;margin:0;padding:8px}.btn-profilGrey{background-color:#494d4d;margin:8px 0 0;padding:8px}.btn-profilEditContainer{display:flex;flex-direction:column;margin-top:1rem;align-items:center}.profil-countdown{margin-top:4rem}@media (max-width: 600px){.profile_info{width:200px;margin:2rem}}.simple-notification-manager{position:relative;max-width:400px;max-height:650px;padding:1rem;margin:1.5rem;border:3px solid black;margin-bottom:-10px;border-radius:10%;background-color:var(--gray-800);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.notification-header{margin-bottom:24px;text-align:center}.notification-header h2{margin:0 0 8px;color:#1f2937;font-size:1.5rem;font-weight:600}.notification-summary{padding:12px 16px;background-color:#f3f4f6;border-radius:8px;display:inline-block}.summary-text{color:#6b7280;font-size:.9rem;font-weight:500}.global-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.action-button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-button:disabled{opacity:.5;cursor:not-allowed}.enable-all{background-color:#10b981;color:#fff}.enable-all:hover:not(:disabled){background-color:#059669;transform:translateY(-2px)}.disable-all{background-color:#ef4444;color:#fff}.notification-list{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:6px;background-color:#f9fafb;border-radius:12px;border:2px solid transparent;transition:all .3s ease;height:50px}.notification-item.enabled{border-color:#d1fae5;background-color:#f0fdf4}.notification-item.disabled{border-color:#fed7d7;background-color:#fef2f2}.notification-item.updating{opacity:.7;transform:scale(.98)}.person-info{flex:1}.person-name{display:flex;gap:8px;margin-bottom:4px}.person-name .name{font-weight:700;color:#1f2937;font-size:1.1rem}.person-name .surname{font-weight:600;color:#4b5563;font-size:1.1rem}.person-details{display:flex;gap:12px;align-items:center}.birth-date{color:#6b7280;font-size:.9rem}.family-badge{background-color:#ddd6fe;color:#7c3aed;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.notification-toggle{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#10b981}input:checked+.toggle-slider:before{transform:translate(26px)}input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.status-text{font-weight:600;font-size:.9rem;min-width:80px}.status-text.enabled{color:#059669}.status-text.disabled{color:#dc2626}.updating-text{display:flex;align-items:center;gap:6px;color:#6366f1}.loading-state,.error-state{text-align:center;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.mini-spinner{width:12px;height:12px;border:2px solid #e5e7eb;border-top:2px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p{color:#ef4444;margin-bottom:16px}.retry-button{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600}.retry-button:hover{background-color:#2563eb}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.notification-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.info-text{text-align:center;color:#6b7280;font-size:.9rem;margin:0}@media (max-width: 768px){.simple-notification-manager{padding:16px;margin:16px}.notification-item{flex-direction:column;align-items:flex-start;gap:16px}.notification-toggle{align-self:flex-end}.global-actions{flex-direction:column}.action-button{width:100%}.person-details{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-color-scheme: dark){.simple-notification-manager{background-color:#1f2937;color:#f9fafb}.notification-header h2{color:#f9fafb}.notification-summary{background-color:#374151}.summary-text{color:#d1d5db}.notification-item{background-color:#374151}.notification-item.enabled{background-color:#064e3b;border-color:#059669}.notification-item.disabled{background-color:#7f1d1d;border-color:#dc2626}.person-name .name,.person-name .surname{color:#f9fafb}.birth-date,.info-text{color:#d1d5db}}.btn-updateContainer{display:flex;flex-direction:column;margin-top:1rem;align-items:center}.btn-update{margin-top:1rem;padding:8px;box-sizing:border-box;border:none;border-radius:4px;background-color:#2196f3;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;width:200px}.btn-updateGreen{background-color:#23ce95}.btn-updateGrey{background-color:#494d4d}.btn-updateRed{background-color:brown}.formUpdate,.btn-updateContainer,p{color:var(--gray-300)}.updateLbel{margin-left:16px}.gift-friendProfil{padding:12px;height:450px;border-radius:12px;background:var(--gray-800);border:1px solid var(--gray-700)}.giftList-friendProfil{overflow-y:auto;height:330px;scrollbar-width:none;-ms-overflow-style:none}.giftList-friendProfil::-webkit-scrollbar{display:none}.giftList-giftItem{display:flex;flex-direction:column;align-items:normal;gap:12px;padding:16px;margin-bottom:12px;background-color:#fff;border-radius:12px;border:1px solid var(--gray-600);box-shadow:0 4px 16px -1px #0000001a,0 2px 14px -1px #8a2f2f0f;overflow-wrap:anywhere;background:var(--gray-800);color:var(--gray-100)}.giftList-name{width:100%}.giftList-checkbox{font-size:smaller}.giftList-btn{padding:4px 8px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;font-size:.8em;transition:background-color .2s;margin-right:.5rem;height:25px}.giftList-btn:hover{background-color:#0056b3}@media (max-width: 600px){.giftList-giftItem{gap:10px;padding:8px;margin-bottom:8px}.giftList-giftItem{flex-wrap:wrap;gap:5px}.giftList-btn{font-size:.7em;padding:3px 6px}}.notificationPreferences{background-color:#f8f9fa;padding:15px;margin-bottom:20px;font-family:Roboto,sans-serif;height:450px;border-radius:12px;background:var(--gray-800);border:1px solid var(--gray-700);color:#f8f9fa;max-width:400px}.notificationPreferences h3{color:var(--gray-300)}.notification-toggle{display:flex;align-items:center;margin-bottom:15px;gap:10px}.notification-timing{padding-left:15px;border-left:2px solid #dee2e6;margin-top:10px}.timing-option{margin-bottom:8px}.timing-option label{display:flex;align-items:center;gap:8px;cursor:pointer}.save-preferences-btn{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%;max-width:300px}.save-preferences-btn:disabled{background-color:#6c757d;cursor:not-allowed}.switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(22px)}@media (max-width: 600px){.notificationPreferences{padding:12px;margin-bottom:15px}.notificationPreferences h2{font-size:1.2rem;margin-bottom:12px;color:#f8f9fa}.notificationPreferences h3{font-size:1rem;margin-bottom:10px;color:#f8f9fa}.notification-toggle{font-size:14px}.notification-timing{padding-left:10px;margin-top:8px}.timing-option{margin-bottom:10px;font-size:14px}.timing-option input[type=checkbox]{width:16px;height:16px;flex-shrink:0}.save-preferences-btn{width:100%;padding:10px 16px;font-size:14px}.switch{width:44px;height:24px}.slider:before{height:18px;width:18px;left:3px;bottom:3px}input:checked+.slider:before{transform:translate(20px)}}@media (max-width: 350px){.notification-toggle{flex-direction:column;align-items:flex-start;gap:8px}.switch{margin-bottom:5px}}.grid-friendProfil{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);gap:1.6rem;margin:auto;max-width:900px}.grid1-friendProfil{grid-area:1 / 1 / 2 / 3;height:120px;margin-bottom:1rem}.grid2-friendProfil{grid-area:2 / 2 / 4 / 3}.grid3-friendProfil{grid-area:2 / 1 / 4 / 2;max-width:400px}.font-profilFriend{font-family:Roboto,sans-serif;color:#fff}.giftTiltle-friendProfil{color:var(--gray-100);font-family:Roboto,sans-serif}.friendProfil{border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--card-shadow);height:100%}.info-friendProfil{margin:auto;width:500px}.age{width:100%;text-align:center}.date-profilFriend{text-align:center;margin:.5rem}.btnRLD{width:100%;height:100%;display:flex;justify-content:center}.btnRLD button{padding:.6rem;font-size:.8rem;background-color:var(--gray-800);color:var(--gray-300);border-color:var(--gray-700);margin-bottom:1rem;border-radius:12px}.name-profilFriend{text-align:center}.formGift-friendProfil{display:flex;flex-direction:column;align-items:center}.inputGift-friendProfil{width:200px;margin:.2rem;box-sizing:border-box;padding:8px;border:1px solid #ccc;border-radius:4px}.addGift-friendProfil{width:200px;margin:.2rem;padding:8px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;font-size:14px;box-sizing:border-box;transition:background-color .2s}@media (max-width: 600px){.grid-friendProfil{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);gap:.6rem;margin:0 .6rem}.notificationPreferences-friendProfil{background-color:#224c72}.notificationFrequency-friendProfil{font-size:.75em}.notificationPreferences-friendProfil,h2{font-size:.9em}.info-friendProfil{margin:auto;width:250px}.inputGift-friendProfil,.addGift-friendProfil{width:150px}}img{height:50px}.homePageRoot{margin-top:80px}.homePageCurrentuser{display:flex;flex-direction:column;background-color:#fff}.homePageUser{display:flex}.homePageHeader{display:flex;align-items:center;top:200}.homePageHeader,.test{position:fixed;top:80;width:100%;height:80px;background-color:#fff;z-index:1}.homePageHeader{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;height:80px;background-color:#fff}.btn-currentName{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:3ch;padding-left:1rem;font-family:Roboto,sans-serif}.avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.btnProfile{border:none;border-radius:5px;cursor:pointer;margin-right:1rem;background-color:var(--gray-700);color:#fff;border-color:var(--gray-600)}.profil-btn{display:flex;justify-content:center;margin-top:1rem}.btnBackToDateList{padding:.6rem;font-size:.8rem;background-color:var(--gray-800);color:var(--gray-300);border-color:var(--gray-700);margin-top:2rem;border-radius:12px}@media (max-width: 600px){.homeTest{height:80px}.titleFontSize{font-size:2.2em!important}}.landing-container{text-align:center;background-color:#f9f9f9;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--gray-900)}.landing-container h1{font-size:3rem;margin-bottom:20px;color:#fff}.landing-container p{font-size:1.5rem;margin-bottom:30px;color:#b8b8b8}.btn-start{font-size:1.2rem;padding:10px 20px;background-color:#0078d7;color:#fff;border:none;border-radius:5px;cursor:pointer}.btn-start:hover{background-color:#005bb5}