@charset "UTF-8";:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0;--color-logo-green: #8BE464;--color-background-gradient-start: #8D75EF;--color-background-gradient-middle: #3979D0;--color-background-gradient-end: #8BE464}body,html{margin:0;padding:0;height:100%;font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--color-background-gradient-start),var(--color-background-gradient-middle),var(--color-background-gradient-end));color:#222;overflow-x:hidden}button{font-family:inherit}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.spinner.large{width:60px;height:60px;border-width:6px}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,var(--color-background-gradient-start),var(--color-background-gradient-middle),var(--color-background-gradient-end));font-family:Inter,sans-serif;position:relative}.login-box{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 0 15px #0000001a;width:90%;max-width:360px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.login-box:hover{transform:scale(1.02)}.login-box img{width:180px;height:auto;margin-bottom:1.5rem;object-fit:contain}.login-box h1{font-size:1.8rem;font-weight:800;color:#333;margin-bottom:1.5rem;text-align:center}.login-box input{width:100%;padding:.5rem .75rem;margin-bottom:1rem;border:1.5px solid #ccc;border-radius:.5rem;font-size:.9rem;transition:border-color .3s ease}.login-box input:focus{border-color:var(--color-logo-blue);outline:none}button.login-button{width:100%;min-height:2.6rem;padding:.6rem 1rem;background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple));color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 3px 8px #3864c080;transition:background .3s ease,transform .2s ease,box-shadow .2s ease;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;text-align:center;white-space:nowrap}button.login-button:hover:not(:disabled){background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue));transform:translateY(-2%);box-shadow:0 5px 12px #3864c0b3}button.login-button:disabled{opacity:.6;cursor:not-allowed}.login-links{margin-top:1rem;width:100%;text-align:center}.login-links a{color:var(--color-logo-blue);font-size:.85rem;text-decoration:none;display:block;margin-bottom:.4rem;transition:color .2s ease}.login-links a:hover{color:var(--color-logo-purple);text-decoration:underline}.message-box{position:fixed;top:1rem;left:50%;transform:translate(-50%);padding:.8rem 1rem;border-radius:.75rem;color:#fff;font-weight:600;box-shadow:0 3px 8px #00000026;z-index:1000;display:flex;align-items:center;justify-content:space-between;max-width:90vw}.message-box button{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;font-weight:900;line-height:1;margin-left:1rem}@media (max-width: 480px){.login-box{padding:1.5rem;border-radius:.75rem}.login-title{font-size:1.8rem;margin-bottom:1rem}.input-field,.login-button{padding:.8rem 1rem;font-size:.95rem}.login-box img{width:100px}.language-toggle-button{top:1rem;right:1rem;padding:.4rem .8rem;font-size:.8rem}}.register-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.register-box{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 0 15px #0000001a;width:90%;max-width:480px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;border:1px solid #e0e0e0;max-height:95vh;overflow-y:auto}.register-box:hover{transform:scale(1.02)}.register-logo{width:180px;height:auto;margin-bottom:1.5rem;object-fit:contain}.register-title{font-size:2rem;font-weight:800;color:#333;margin-bottom:1.5rem;text-align:center}.input-field{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1.5px solid #ccc;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.input-field:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033;outline:none}.secondary-button1{width:100%;padding:.6rem .8rem;background-color:#f0f0f0;color:var(--color-logo-blue);font-weight:600;font-size:.85rem;border:1px solid #ccc;border-radius:.5rem;cursor:pointer;margin-top:.5rem;margin-bottom:1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.secondary-button1:hover{background-color:#e0e0e0;color:var(--color-logo-purple);border-color:var(--color-logo-purple)}.summary-container{width:100%;padding:1rem;background-color:#f9f9f9;border-radius:.5rem;margin-top:1rem;border:1px dashed #ddd}.summary-title{font-weight:700;margin-bottom:.5rem;color:#444;display:block;font-size:.95rem}.summary-item{font-size:.9rem;color:#666;margin-bottom:.25rem;display:block}.button{width:100%;padding:.8rem 1rem;background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple));color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 10px #3864c066;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.button:hover:not(:disabled){background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue));transform:translateY(-3px);box-shadow:0 6px 15px #3864c099}.loading-spinner{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem;color:#fff}.link-button{background:none;border:none;padding:0;margin-top:1rem;cursor:pointer}.link-text{color:var(--color-logo-blue);font-size:.9rem;text-decoration:none;display:block;transition:color .2s ease;margin-top:7%}.link-text:hover{color:var(--color-logo-purple);text-decoration:underline}.message-box{position:fixed;top:5rem;left:50%;transform:translate(-50%);padding:.8rem 1rem;border-radius:.75rem;color:#fff;font-weight:600;box-shadow:0 3px 8px #00000026;z-index:1000;display:flex;align-items:center;justify-content:space-between;max-width:90vw;font-family:Inter,sans-serif}.message-box.info{background-color:#3182ce}.language-toggle-button{position:absolute;top:1.5rem;right:2rem;background-color:var(--color-logo-blue);color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 5px #0000001a;z-index:10;display:flex;align-items:center;gap:.4rem}.language-toggle-button:hover{background-color:#2b6cb0;transform:translateY(-1px)}.language-toggle-button:disabled{opacity:.6;cursor:not-allowed}.language-toggle-text{color:#fff}.terms-container{display:flex;align-items:flex-start;margin:10px 0}.terms-container input[type=checkbox]{margin-right:8px;margin-top:2px}.terms-label{font-size:14px;line-height:1.4}.terms-label a{color:#007bff;text-decoration:underline}.appointment-item3.completed-appointment{background-color:#e9ecef;border:1px solid #dee2e6;opacity:.8}.appointment-item3.completed-appointment .appointment-time3,.appointment-item3.completed-appointment .appointment-text3{background-color:#f8f9fa;color:#6c757d;border-color:#ced4da}.appointment-item3.completed-appointment .appointment-actions3 .edit-button3,.appointment-item3.completed-appointment .appointment-actions3 .cancel-button3{background-color:#adb5bd;color:#495057;border-color:#6c757d;cursor:not-allowed}.appointment-item3.completed-appointment .appointment-actions3 .edit-button3:hover,.appointment-item3.completed-appointment .appointment-actions3 .cancel-button3:hover{background-color:#adb5bd;color:#495057}.employees-list-content3{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:flex-start}.employee-column3{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #00000014;flex:1 1 100%;max-width:31%}.employee-name-title3{font-size:1.3rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1rem;display:block}.no-appointments-text3{color:#888;font-style:italic}.appointments-list3{display:flex;flex-direction:column;gap:1rem}.appointment-item3{display:flex;flex-direction:row;align-items:center;background-color:#f9f9f9;padding:.8rem;border-radius:.75rem;border:1px solid #e0e0e0;gap:.75rem;flex-wrap:nowrap;width:100%}.appointment-details3{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1;flex-wrap:nowrap;min-width:0;overflow:hidden}.appointment-time3,.appointment-text3{flex:1;font-size:.95rem;color:#333;background-color:#fff;padding:.3rem .6rem;border-radius:.4rem;border:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.appointment-actions3{display:flex;flex-direction:row;gap:.5rem;flex-shrink:0}.edit-button3,.cancel-button3{border:none;padding:.4rem .6rem;font-size:.85rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;min-width:70px}.edit-button3{background-color:var(--color-logo-blue);color:#fff}.cancel-button3{background-color:#e53e3e;color:#fff}.edit-button3:hover{background-color:#2b5ea8}.cancel-button3:hover{background-color:#c53030}.loading-spinner3{margin:3rem auto;display:block;width:50px;height:50px;animation:spin 1s linear infinite;color:var(--color-logo-blue)}.opacity-253{opacity:.25}.opacity-753{opacity:.75}.no-employees-text3{font-style:italic;color:#999;text-align:center;margin-top:2rem}@media (max-width: 600px){.employee-column3{min-width:100%}.appointments-list3{flex-direction:column}.appointment-item3{flex-direction:column;align-items:flex-start}.appointment-details3{flex-direction:column;align-items:flex-start;gap:.4rem}.appointment-actions3{align-self:flex-end}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0;--color-logo-green: #8BE464;--color-text-dark: #333;--color-text-medium: #555;--color-text-light: #777;--color-border-light: #eee;--color-background-light: #f9f9f9;--color-primary: var(--color-logo-blue);--color-primary-dark: #2b6cb0}.modal-title{font-size:2rem;font-weight:800;color:var(--color-logo-blue);margin-bottom:1.5rem;text-align:center}.modal-body{flex-grow:1;display:flex;flex-direction:column;gap:.8rem}.modal-view .form-label{align-self:flex-start;margin-bottom:.2rem;font-weight:600;color:var(--color-text-medium);font-size:.95rem;width:100%}.modal-view .text-input,.modal-view .date-picker-button,.modal-view .modal-dropdown-button{width:100%;padding:.8rem 1.2rem;border:1.5px solid #ccc;border-radius:.75rem;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none;background-color:#fcfcfc;color:var(--color-text-dark);box-sizing:border-box}.modal-view .modal-input-container{width:100%;box-sizing:border-box}.modal-view .modal-input-container .react-datepicker-wrapper,.modal-view .modal-input-container .react-datepicker__input-container{width:100%}.modal-view .text-input:focus,.modal-view .date-picker-button:focus,.modal-view .modal-dropdown-button:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3979d033}.modal-button-container{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;z-index:10}.modal-button{padding:.8rem 1.5rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.modal-cancel-button:hover{background-color:#888}.modal-save-button{background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple))}.modal-save-button:hover{background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue))}@media (max-width: 480px){.modal-view{padding:1.5rem;border-radius:1rem}.modal-title{font-size:1.5rem;margin-bottom:1.2rem}.modal-button-container{flex-direction:column;gap:.8rem}.modal-button{padding:.8rem 1rem;font-size:.9rem}}:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0;--color-logo-green: #8BE464;--color-gradient-start: #e0e7f7;--color-gradient-middle: #e8e6ff;--color-gradient-end: #f0faff}.appointments-container{flex:1;padding:1.5rem;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));min-height:100vh;flex-direction:column;align-items:center}.title-container{display:flex;justify-Content:center;align-items:center;flex-direction:column}.appointments-title{font-size:2.2rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1.5rem;text-align:center}.date-navigation-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;width:100%;max-width:400px;gap:.5rem}.nav-arrow-button{background-color:var(--color-logo-blue);padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;border:none;outline:none}.nav-arrow-button:hover{background-color:#7a63d9}.nav-arrow-text{color:#fff;font-size:1.2rem;font-weight:700}.date-display-button{flex:1;background-color:#fff;padding:.6rem 1rem;border-radius:.5rem;border:none;cursor:pointer;text-align:center;box-shadow:0 2px 5px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;outline:none;color:#555;font-weight:600;font-size:1.1rem}.date-display-button:hover{border-color:var(--color-logo-blue);box-shadow:0 2px 8px #0000001a}.date-display-button:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033}.add-appointment-button{background-color:var(--color-logo-green);padding:.8rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;cursor:pointer;box-shadow:0 4px 10px #8be46466;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;border:none;outline:none}.add-appointment-button:hover{background-color:#6bbd40;transform:translateY(-2px);box-shadow:0 6px 15px #8be46499}.add-appointment-button-text{color:#fff;font-size:1rem;font-weight:700}.loading-indicator{margin-top:2rem}.no-employees-text,.no-appointments-text{color:#777;font-size:1rem;text-align:center;margin-top:1rem;padding:0 1rem}.employees-list-content{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.employee-column{background-color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #00000014;width:100%;margin-bottom:1.5rem;display:flex;flex-direction:column}@media (min-width: 600px){.employee-column{width:calc(50% - .75rem)}.employees-list-content{justify-content:space-between}}@media (min-width: 900px){.employee-column{width:calc(33.33% - 1rem)}}.employee-name-title{font-size:1.3rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1rem;text-align:center}.appointment-item{background-color:#f9f9f9;padding:1rem;border-radius:.75rem;margin-bottom:.75rem;border:1px solid #eee;display:flex;flex-direction:column;gap:.75rem}@media (min-width: 480px){.appointment-item{flex-direction:row;justify-content:space-between;align-items:center}}.appointment-details{flex:1}.appointment-time{font-size:1rem;font-weight:600;color:#444;margin-bottom:.25rem}.appointment-text{font-size:.9rem;color:#666;margin-bottom:.15rem}.appointment-actions{display:flex;gap:.5rem;margin-top:.5rem}@media (min-width: 480px){.appointment-actions{margin-top:0}}.edit-button,.cancel-button{padding:.5rem .8rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;border:none;outline:none}.edit-button{background-color:#4caf50}.edit-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336}.cancel-button:hover{background-color:#da190b}.edit-button-text,.cancel-button-text{color:#fff;font-size:.85rem;font-weight:600}.form-label{align-self:flex-start;margin-bottom:.5rem;font-weight:600;color:#555;font-size:.9rem;width:100%}.text-input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1.5px solid #ccc;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.text-input:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033;outline:none}.date-picker-button{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:none;border-radius:.5rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;color:#333;text-align:left;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.date-picker-button:hover{border-color:var(--color-logo-blue)}.date-picker-button:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033;outline:none}.modal-dropdown-button{width:100%;padding:.75rem 1rem;border:none;border-radius:.5rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;color:#333;text-align:left;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.modal-dropdown-button:hover{border-color:var(--color-logo-blue)}.modal-dropdown-button:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033;outline:none}.no-options-modal-text{padding:1rem;text-align:center;color:#777;font-style:italic}.modal-buttons-container{display:flex;justify-content:space-around;margin-top:1.5rem;width:100%;gap:1rem;padding-top:1rem;background-color:#fff;border-top:1px solid #eee;position:sticky;bottom:-2rem;z-index:10}.cancel-modal-button,.save-button{flex:1;padding:.7rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease;outline:none}.cancel-modal-button{background-color:#a0a0a0}.cancel-modal-button:hover{background-color:#888;transform:translateY(-2px)}.save-button{background-color:var(--color-logo-blue)}.save-button:hover{background-color:#2b6cb0;transform:translateY(-2px)}.cancel-modal-button-text,.save-button-text{color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-view{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 5px 20px #0003;width:90%;max-width:500px;max-height:90vh;position:relative;display:flex;flex-direction:column}.modal-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1.5rem;text-align:center}.modal-body{flex-grow:1;overflow-y:auto;padding-right:15px;padding-bottom:1rem}.modal-button-container{display:flex;justify-content:space-around;margin-top:1.5rem;width:100%;gap:1rem;padding-top:1rem;background-color:#fff;border-top:1px solid #eee;position:sticky;bottom:0;z-index:10}.modal-button{flex:1;padding:.7rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.modal-button-text{color:#fff}.modal-cancel-button{background-color:#a0a0a0}.modal-cancel-button:hover{background-color:#888;transform:translateY(-2px)}.modal-save-button{background-color:var(--color-logo-blue)}.modal-save-button:hover{background-color:#2b6cb0;transform:translateY(-2px)}:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0;--color-logo-green: #8BE464;--color-text-dark: #333;--color-text-medium: #555;--color-text-light: #777;--color-border-light: #eee;--color-background-light: #f9f9f9}.layout-container{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif}.app-header{background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple));padding:1rem 2rem;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{height:45px;width:auto;object-fit:contain;background-color:#fff;padding:.5rem .75rem;border-radius:.5rem}.logout-button{background-color:#f44336;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:background-color .2s ease}.logout-button:hover{background-color:#da190b}.header-nav{display:flex;gap:1.5rem;flex-grow:1;justify-content:center;flex-wrap:wrap}.nav-item{background:none;border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem .75rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.nav-item:hover{background-color:#fff3;color:#fff}.header-right{display:flex;align-items:center;gap:1rem}.language-switcher-button{background-color:var(--color-logo-blue);color:#fff;padding:.5rem .8rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:600;font-size:.85rem;transition:background-color .2s ease}.language-switcher-button:hover{background-color:#2b6cb0}.menu-toggle-button{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#fff}@media (max-width: 768px){.app-header{padding:1rem}.header-nav{display:none;flex-direction:column;position:fixed;top:0;right:0;width:250px;height:100%;background-color:#fff;box-shadow:-5px 0 15px #0003;padding:2rem 1rem;z-index:101;transform:translate(100%);transition:transform .3s ease-in-out}.header-nav.open{display:flex;transform:translate(0)}.close-menu-button{display:none}.nav-item{width:100%;text-align:left;margin-bottom:.5rem;padding:1rem;color:var(--color-text-dark)}.nav-item:hover{background-color:var(--color-background-light)}.menu-toggle-button{display:block}}.main-content{flex-grow:1;padding:1%}.app-footer{background-color:#333;color:#fff;padding:1rem 2rem;text-align:center;font-size:.85rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:auto}.footer-text{color:#bbb}.nav-item.active-nav-item{color:var(--color-logo-blue);background-color:#e0e7f7;font-weight:700;box-shadow:0 1px 5px #0000001a}.message-box{position:fixed;top:4rem;left:50%;transform:translate(-50%);padding:.8rem 1rem;border-radius:.75rem;color:#fff;font-weight:600;box-shadow:0 3px 8px #00000026;z-index:1000;display:flex;align-items:center;justify-content:space-between;max-width:90vw;font-family:Inter,sans-serif;transition:opacity .3s ease}.message-box.success{background-color:#48bb78}.message-box.error{background-color:#e53e3e}.message-box.info{background-color:#cdcf54}.message-box.default{background-color:#a0aec0}.message-box button.message-close-btn{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;font-weight:900;line-height:1;margin-left:1rem;padding:0}.action-buttons-group{display:flex;gap:1rem;width:100%}.button{width:100%;padding:.9rem 1.2rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a}.spinner.small{width:20px;height:20px;border-width:3px;border-left-color:#fff;margin:0 auto;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.action-buttons-group{flex-direction:column}}@media (max-width: 480px){.section-title{font-size:1.5rem;margin-bottom:1rem}.input-field,.button,.secondary-button{padding:.7rem .9rem;font-size:.9rem}}.subsection-title{font-size:1.3rem;font-weight:700;color:var(--color-logo-blue);margin-top:2rem;margin-bottom:1rem;text-align:center}.employee-list-container{display:flex;flex-direction:column;gap:.8rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.employee-item{background-color:#f9f9f9;padding:1rem;border-radius:.75rem;border:1px solid #eee;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.employee-name{font-size:1rem;font-weight:600;color:var(--color-text-dark);flex-grow:1}.employee-actions2{display:flex;gap:0;margin-top:.8rem;justify-content:flex-start;align-items:center;width:100%}.edit-button2,.delete-button2{padding:.6rem 1rem;margin-right:2%;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;color:#fff;border:none;outline:none;flex-shrink:0;flex-grow:0;white-space:nowrap}.edit-button2{background-color:var(--color-logo-blue)}.edit-button2:hover{background-color:#2b6cb0}.delete-button2{background-color:#e53e3e}.delete-button2:hover{background-color:#c53030}.delete-button-text{color:#fff}.spinner.large{width:40px;height:40px;margin:2rem auto;border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-logo-blue);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.employee-item{flex-direction:column;align-items:flex-start}.employee-actions{width:100%}}@media (max-width: 480px){.edit-button,.delete-button{padding:0 .8rem;font-size:.8rem;height:2.2rem}}.dropdown-container{position:relative;width:100%}.custom-checkbox-container{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-checkbox{width:24px;height:24px;border:2px solid #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;background-color:#fff}.custom-checkbox.checked-checkbox{background-color:var(--color-logo-blue);border-color:var(--color-logo-blue)}.custom-checkbox-checkmark{color:#fff;font-size:1.2rem;font-weight:700;line-height:1}.custom-checkbox-container:hover .custom-checkbox{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033}.employee-dropdown-wrapper{margin-bottom:1.5rem;width:100%}.employee-dropdown-button{width:100%;padding:.8rem 1rem;border:1.5px solid #ccc;border-radius:.5rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;color:#333;text-align:left;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.no-employee-selected-text{text-align:center;color:var(--color-text-light);font-style:italic;padding:1rem;display:block}.days-wrapper{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.day-block{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;background-color:#f9f9f9;padding:1rem;border-radius:.75rem;border:1px solid #eee;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap}.day-block.disabled-day-block{opacity:.7;background-color:#f0f0f0}.day-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.day-title{font-size:1.1rem;font-weight:700;color:var(--color-logo-blue)}.time-slot-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.time-range-label{font-size:.85rem;color:var(--color-text-medium);margin-bottom:.2rem;font-weight:500}.time-dropdown-button{width:100%;padding:.7rem .9rem;border:1px solid #ccc;border-radius:.5rem;background-color:#fff;font-size:.9rem;color:#333}.time-dropdown-text{font-size:.9rem}.remove-slot-button{background-color:#e53e3e;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.add-slot-button{background-color:var(--color-logo-green);color:#fff;border:none;padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;margin-top:.5rem;transition:background-color .2s ease;font-weight:600;font-size:.9rem;width:auto;align-self:flex-start}.save-schedule-button{margin-top:2rem;width:100%;padding:.9rem 1.2rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a;background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple))}.save-schedule-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #0003;background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue))}.save-schedule-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width: 480px){.section-title{font-size:1.5rem;margin-bottom:1rem}.employee-dropdown-button,.time-dropdown-button{padding:.7rem .9rem;font-size:.9rem}.time-input-group{width:100%}}.multi-select-dropdown-container{position:relative;width:100%;margin-bottom:1rem}.multi-select-dropdown-button{width:100%;padding:.75rem 1rem;border:1.5px solid #ccc;border-radius:.5rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;color:#333;text-align:left;transition:border-color .3s ease,box-shadow .3s ease;font-family:Inter,sans-serif}.multi-select-dropdown-button:hover{border-color:var(--color-logo-blue)}.multi-select-dropdown-button-text{flex:1;color:#333}.multi-select-dropdown-button:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033;outline:none}.multi-select-dropdown-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1001}.multi-select-dropdown-modal-view{background-color:#fff;border-radius:.75rem;box-shadow:0 5px 15px #0003;max-height:50vh;overflow-y:auto;width:80%;max-width:300px;padding:.5rem;display:flex;flex-direction:column}.multi-select-dropdown-options-list{flex-grow:1}.multi-select-dropdown-option-button{width:100%;padding:.6rem 1rem;background-color:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-radius:.4rem;font-family:Inter,sans-serif}.multi-select-dropdown-option-button:hover{background-color:#f0f0f0}.multi-select-dropdown-option-button.selected{background-color:#e0eaff;font-weight:600;color:var(--color-logo-blue)}.multi-select-dropdown-option-text{color:#333;font-size:.9rem}.multi-select-dropdown-no-options-text{padding:1rem;text-align:center;color:#777;font-style:italic;font-family:Inter,sans-serif}.multi-select-dropdown-done-button{background-color:var(--color-logo-blue);color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;cursor:pointer;margin-top:1rem;font-weight:600;transition:background-color .2s ease}.multi-select-dropdown-done-button:hover{background-color:var(--color-logo-purple)}.dropdown-container{position:relative;width:100%;margin-bottom:1rem}.dropdown-button{width:100%;padding:.75rem 1rem;border:1.5px solid #ccc;border-radius:.5rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;color:#333;text-align:left;transition:border-color .3s ease,box-shadow .3s ease;font-family:Inter,sans-serif}.dropdown-button:hover{border-color:var(--color-logo-blue)}.dropdown-button-text{flex:1;color:#333}.dropdown-button:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033;outline:none}.dropdown-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1001}.dropdown-modal-view{background-color:#fff;border-radius:.75rem;box-shadow:0 5px 15px #0003;max-height:50vh;overflow-y:auto;width:80%;max-width:300px;padding:.5rem}.dropdown-option-button{width:100%;padding:.6rem 1rem;background-color:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-radius:.4rem;font-family:Inter,sans-serif}.dropdown-option-button:hover{background-color:#f0f0f0}.dropdown-option-text{color:#333;font-size:.9rem}.dropdown-no-options-text{padding:1rem;text-align:center;color:#777;font-style:italic;font-family:Inter,sans-serif}*,*:before,*:after{box-sizing:border-box}.add-package-container{display:flex;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));min-height:100vh;box-sizing:border-box;border-radius:.65rem;margin:.65rem}.add-package-title{font-size:2.2rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:2.5rem;text-align:center}.main-content-wrapper{display:flex;flex-wrap:wrap;gap:2rem;width:100%;max-width:1200px;justify-content:center;align-items:flex-start}.section-container{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;flex:1;min-width:48%;max-width:550px;border:1px solid #e0e0e0}.section-title{font-size:1.8rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1.5rem;text-align:center}.assignment-toggle-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0}.assignment-toggle-text{font-size:1rem;color:var(--color-text-dark);font-weight:500}.switch{position:relative;display:inline-block;width:45px;height:25px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:25px}.slider:before{position:absolute;content:"";height:17px;width:17px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-logo-blue)}input:focus+.slider{box-shadow:0 0 1px var(--color-logo-blue)}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.employee-assignment-dropdown-section{margin-top:1rem}.employee-assignment-dropdown-section .subtitle{font-size:.95rem;color:var(--color-text-dark);margin-bottom:.5rem;display:block;font-weight:500}.button{width:100%;padding:.9rem 1.2rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a;margin-top:1rem;min-height:40px}.secondary-button{background-color:#a0a0a0;color:#fff}.package-list{display:flex;flex-direction:column;gap:.8rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.package-item{background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid #eee;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:.5rem}.package-text{font-size:1rem;font-weight:600;color:var(--color-text-dark)}.assigned-employees-text{font-size:.85rem;color:var(--color-text-medium);font-style:italic}.package-actions1{display:flex;gap:.5rem;margin-top:.8rem;justify-content:flex-start;align-items:center;width:100%}.edit-button1,.delete-button1{margin-right:3%;padding:.6rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;color:#fff;border:none;outline:none;flex-shrink:0;flex-grow:0;white-space:nowrap}.edit-button1{background-color:var(--color-logo-blue)}.edit-button1:hover{background-color:#2b6cb0}.delete-button1{background-color:#e53e3e}.delete-button1:hover{background-color:#c53030}.edit-button-text,.delete-button-text{color:#fff}.no-items-text{text-align:center;color:var(--color-text-light);font-style:italic;padding:1rem}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-logo-blue);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:2rem auto}.spinner.small{width:20px;height:20px;border-width:3px;border-left-color:#fff;margin:0 auto}@media (min-width: 768px){.main-content-wrapper{flex-wrap:nowrap}.section-container{flex:1;max-width:none}.editing-section{border:2px solid var(--color-logo-blue);box-shadow:0 4px 20px #3979d033}}@media (max-width: 600px){.add-package-container{padding:1rem}.add-package-title{font-size:1.8rem;margin-bottom:1.5rem}.main-content-wrapper{gap:1.5rem;flex-direction:column;align-items:center}.section-container{padding:1.5rem;border-radius:.75rem;width:100%;max-width:95%;margin:0 auto}.section-title{font-size:1.5rem;margin-bottom:1rem}.input-field,.button,.secondary-button,.category-dropdown-button{padding:.7rem .9rem;font-size:.9rem}.package-actions1{flex-wrap:wrap;justify-content:center;gap:.5rem}.edit-button1,.delete-button1{width:auto;flex-grow:1}}@media (max-width: 400px){.add-package-container{padding:.8rem}.section-container{padding:1rem}.add-package-title{font-size:1.6rem}.section-title{font-size:1.3rem}.input-field,.button,.secondary-button,.category-dropdown-button{font-size:.85rem}}.employee-management-container{display:flex;flex-direction:column;align-items:center;padding:1.7rem;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));min-height:100vh;box-sizing:border-box}.employee-management-title{font-size:1.9rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:2.1rem;text-align:center}.main-content-wrapper{display:flex;flex-wrap:wrap;gap:1.7rem;justify-content:center;max-width:1200px;margin:0 auto;padding:1%}.section-container{background-color:#fff;padding:1.25rem;border-radius:.85rem;box-shadow:0 3.4px 12.75px #0000001a;display:flex;flex-direction:column;border:1px solid #e0e0e0}.employee-management-section,.employee-schedule-and-packages-wrapper{flex:1 1 calc(50% - .85rem)}.employee-schedule-section,.add-package-section{flex:1}.section-title{font-size:1.5rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1.25rem;text-align:center}.input-field{width:100%;padding:.6rem .75rem;margin-bottom:.85rem;border:1.5px solid #ccc;border-radius:.4rem;font-size:.85rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.input-field:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 2.5px #3979d033}.button{width:100%;padding:.7rem .85rem;border:none;border-radius:.65rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 3.4px 8.5px #0000001a}.button:hover:not(:disabled){transform:translateY(-1.7px);box-shadow:0 5.1px 12.75px #0003}.secondary-button{background-color:#a0a0a0}.secondary-button:hover{background-color:#888}.add-edit-section{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.25rem}.action-buttons-group{display:flex;gap:.85rem;width:100%}.action-buttons-group .button{flex:1;margin-top:0}.subsection-title{font-size:1.1rem;font-weight:700;color:var(--color-logo-blue);margin-top:1.7rem;margin-bottom:.85rem;text-align:center}.employee-list-container{display:flex;flex-direction:column;gap:.7rem;max-height:255px;overflow-y:auto;padding-right:.4rem}.employee-item{background-color:#f9f9f9;padding:.85rem;border-radius:.65rem;border:1px solid #eee;box-shadow:0 1.7px 6.8px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem}.employee-name{font-size:.85rem;font-weight:600;color:var(--color-text-dark);flex-grow:1}.employee-actions{width:100%;justify-content:space-around;display:flex;gap:.4rem;flex-shrink:0;align-items:center}.no-items-text{text-align:center;color:var(--color-text-light);font-style:italic;padding:.85rem}.employee-dropdown-wrapper{margin-bottom:1.25rem;width:100%}.employee-dropdown-button{width:100%;padding:.7rem .85rem;border:1.5px solid #ccc;border-radius:.4rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.85rem;color:#333;text-align:left;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.employee-dropdown-button:hover{border-color:var(--color-logo-blue)}.employee-dropdown-text{color:#333}.no-employee-selected-text{text-align:center;color:var(--color-text-light);font-style:italic;padding:.85rem}.days-wrapper{display:flex;flex-direction:column;gap:.85rem;max-height:450px;overflow-y:auto;padding-right:.4rem;min-height:800px}.day-block{background-color:#e3faec;padding:.85rem;border-radius:.65rem;border:1px solid #eee;box-shadow:0 1.7px 6.8px #0000000d}.day-block.disabled-day-block{opacity:.7;background-color:#ecbbbb}.day-title-wrapper{display:flex;align-items:center;gap:.7rem}.day-header{display:grid;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.85rem}.day-title{font-size:.95rem;font-weight:700;color:var(--color-logo-blue)}.schedule-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.7rem;flex-grow:1}.time-slot-row{display:flex;align-items:center;gap:.25rem;margin-bottom:0}.time-input-group{display:flex;flex-direction:column;flex:1}.time-range-label{font-size:.7rem;color:var(--color-text-medium);margin-bottom:.17rem;font-weight:500}.time-dropdown-button{width:100%;padding:.6rem .75rem;border:1px solid #ccc;border-radius:.4rem;background-color:#fff;font-size:.75rem;color:#333}.time-dropdown-text{font-size:.75rem}.remove-slot-button{background-color:#e53e3e;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;font-size:1.25rem;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.remove-slot-button:hover{background-color:#c53030}.add-slot-button{background-color:var(--color-logo-green);color:#fff;border:none;border-radius:.4rem;cursor:pointer;margin-top:15px;transition:background-color .2s ease;font-weight:600;font-size:.75rem;width:auto}.add-slot-button:hover{background-color:#6bbd40}.save-schedule-button{margin-top:1.7rem}.spinner.small{width:17px;height:17px;border-width:2.5px;border-left-color:#fff;margin:0 auto}.spinner.large{width:34px;height:34px;border-width:4px;margin:1.7rem auto}@media (max-width: 650px){.main-content-wrapper{flex-direction:column;align-items:center}.employee-management-section,.employee-schedule-and-packages-wrapper{flex-basis:100%}.section-container{max-width:100%}.action-buttons-group{flex-direction:column}.employee-item,.day-header{flex-direction:column;align-items:flex-start}.schedule-actions{flex-direction:column;width:100%}.time-slot-row{flex-direction:row;flex-wrap:nowrap;gap:.4rem;width:100%;justify-content:center;align-items:center}.time-input-group{flex:1;width:auto}.remove-slot-button{margin-left:.4rem}}@media (max-width: 410px){.employee-management-container{padding:.85rem}.employee-management-title{font-size:1.5rem;margin-bottom:1.25rem}.section-container{padding:1.05rem;border-radius:.65rem}.section-title{font-size:1.2rem;margin-bottom:.85rem}.input-field,.button,.secondary-button,.employee-dropdown-button,.time-dropdown-button{padding:.5rem .7rem;font-size:.7rem}.time-input-group{width:100%}}:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0;--color-logo-green: #8BE464;--color-gradient-start: #e0e7f7;--color-gradient-middle: #e8e6ff;--color-gradient-end: #f0faff;--color-text-dark: #333;--color-text-medium: #555;--color-text-light: #777;--color-border-light: #eee;--color-background-light: #f9f9f9}.account-container{display:flex;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));min-height:100vh;box-sizing:border-box}.account-loading-overlay{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));width:100%;position:absolute;top:0;left:0;z-index:999}.loading-text{color:var(--color-logo-blue);font-size:1.2rem;margin-top:1rem;font-weight:600}.account-title{font-size:2.2rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:2.5rem;text-align:center}.content-wrapper{display:flex;flex-wrap:wrap;gap:2rem;width:100%;max-width:600px;justify-content:center}.column{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;flex:1;min-width:300px;max-width:500px;border:1px solid #e0e0e0}.subtitle{font-size:1.5rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1.5rem;text-align:center}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--color-text-medium);font-size:1rem;flex-basis:40%}.info-value{color:var(--color-text-dark);font-size:1rem;flex-basis:55%;text-align:right;word-break:break-word}.input-field{width:100%;padding:.8rem 1rem;margin-bottom:1rem;border:1.5px solid #ccc;border-radius:.5rem;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.input-field:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033}.error-inline-text{color:#e53e3e;font-size:.9rem;margin-bottom:1rem;text-align:center;width:100%}.save-cancel-button-container{display:flex;justify-content:space-around;margin-top:1.5rem;width:100%;gap:1rem}.button{flex:1;padding:.9rem 1.2rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #0003}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary-button{background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple))}.primary-button:hover{background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue))}.cancel-button{background-color:#a0a0a0}.cancel-button:hover{background-color:#888}.button-text{color:#fff}.edit-button{background-color:var(--color-logo-blue);color:#fff;border-radius:.75rem;border:none;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 10px #0000001a;margin-top:2rem;width:100%;outline:none}.edit-button:hover{background-color:#2b6cb0;transform:translateY(-2px);box-shadow:0 6px 15px #0003}.edit-button-text{color:#fff}.delete-account-button{background-color:#e53e3e;color:#fff;padding:.9rem 1.2rem;border-radius:.75rem;border:none;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 10px #0000001a;margin-top:2rem;width:90%;max-width:500px;outline:none;display:flex;justify-content:center;align-items:center}.delete-account-button:hover:not(:disabled){background-color:#c53030;transform:translateY(-2px);box-shadow:0 6px 15px #0003}.delete-account-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.delete-account-button-text{color:#fff}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-logo-blue);border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:20px;height:20px;border-width:3px;border-left-color:#fff}.spinner.large{width:40px;height:40px;margin:2rem auto}.modal-text{font-size:1rem;color:var(--color-text-dark);text-align:center;margin-bottom:1.5rem}.modal-confirm-button{background-color:#e53e3e}.modal-confirm-button:hover{background-color:#c53030}@media (max-width: 600px){.account-title{font-size:2rem;margin-bottom:1.5rem}.column{padding:1.5rem;border-radius:.75rem}.subtitle{font-size:1.3rem;margin-bottom:1rem}.info-label,.info-value{font-size:.9rem}.input-field{padding:.7rem .9rem;font-size:.9rem}.button,.edit-button1,.delete-account-button{padding:.8rem 1rem;font-size:.9rem}.modal-text{font-size:.9rem}}.forgot-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));box-sizing:border-box}.forgot-password-box{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 8px 25px #00000026;text-align:center;width:100%;max-width:450px;box-sizing:border-box;border:1px solid #e0e0e0}.forgot-password-title{font-size:2.2rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1rem}.forgot-password-description{font-size:1rem;color:var(--color-text-medium);margin-bottom:2rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.forgot-password-input{width:100%;padding:.9rem 1.2rem;border:1.5px solid #ccc;border-radius:.75rem;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;outline:none;background-color:#fcfcfc;color:var(--color-text-dark)}.forgot-password-input:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033}.forgot-password-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a;background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple));display:flex;justify-content:center;align-items:center}.forgot-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #0003;background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue))}.forgot-password-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.forgot-password-back-button{width:100%;padding:.8rem 1.2rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;outline:none;color:#fff;background-color:#a0a0a0;box-shadow:0 2px 8px #0000001a}.forgot-password-back-button:hover:not(:disabled){background-color:#888;transform:translateY(-1px);box-shadow:0 4px 10px #00000026}@media (max-width: 480px){.forgot-password-box{padding:1.5rem;border-radius:.75rem}.forgot-password-title{font-size:1.8rem}.forgot-password-description{font-size:.9rem}.forgot-password-input,.forgot-password-button,.forgot-password-back-button{padding:.8rem 1rem;font-size:.95rem}.language-toggle-button{position:absolute;top:1.5rem;right:2rem;background-color:var(--color-logo-blue);color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 5px #0000001a;z-index:10;display:flex;align-items:center;gap:.4rem}.language-toggle-button:hover{background-color:#2b6cb0;transform:translateY(-1px)}.language-toggle-button:disabled{opacity:.6;cursor:not-allowed}.language-toggle-text{color:#fff}}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(180deg,var(--color-gradient-start),var(--color-gradient-middle),var(--color-gradient-end));box-sizing:border-box}.reset-password-box{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 8px 25px #00000026;text-align:center;width:100%;max-width:450px;box-sizing:border-box;border:1px solid #e0e0e0}.reset-password-title{font-size:2.2rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1rem}.reset-password-description{font-size:1rem;color:var(--color-text-medium);margin-bottom:2rem;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:1.2rem}.reset-password-input{width:100%;padding:.9rem 1.2rem;border:1.5px solid #ccc;border-radius:.75rem;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;outline:none;background-color:#fcfcfc;color:var(--color-text-dark)}.reset-password-input:focus{border-color:var(--color-logo-blue);box-shadow:0 0 0 3px #3979d033}.reset-password-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;color:#fff;box-shadow:0 4px 10px #0000001a;background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple));display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.reset-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #0003;background:linear-gradient(90deg,var(--color-logo-purple),var(--color-logo-blue))}.reset-password-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.reset-success-message{margin-top:1.5rem;margin-bottom:2rem;font-size:1.1rem;color:var(--color-text-dark)}.reset-success-message p{margin-bottom:1.5rem}.spinner.small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.reset-password-box{padding:1.5rem;border-radius:.75rem}.reset-password-title{font-size:1.8rem}.reset-password-description{font-size:.9rem}.reset-password-input,.reset-password-button{padding:.8rem 1rem;font-size:.95rem}.language-toggle-button{position:absolute;top:1.5rem;right:2rem;background-color:var(--color-logo-blue);color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 5px #0000001a;z-index:10;display:flex;align-items:center;gap:.4rem}.language-toggle-button:hover{background-color:#2b6cb0;transform:translateY(-1px)}.language-toggle-button:disabled{opacity:.6;cursor:not-allowed}.language-toggle-text{color:#fff}}.verification-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7fafc;padding:2rem}.verification-box{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:3rem 2rem;width:100%;max-width:450px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.verification-logo{height:80px;width:auto;object-fit:contain}.verification-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.verification-text{font-size:1rem;color:#4a5568;line-height:1.5;margin-bottom:0}.verification-email{font-size:1.1rem;font-weight:600;color:#2c5282;margin-top:0}.button{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;background-color:#3182ce;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.button:hover:not(:disabled){background-color:#2c5282;transform:translateY(-2px)}.button:disabled{background-color:#cbd5e0;cursor:not-allowed}.link-button{background:none;border:none;padding:0;cursor:pointer;color:#4a5568;font-size:.9rem;transition:color .2s ease;text-decoration:underline;margin-top:-.5rem}.link-button:hover{color:#3182ce}.loading-spinner{animation:spin 1s linear infinite;height:1.25rem;width:1.25rem;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0;--color-logo-green: #8BE464;--color-background-gradient-start: #c4d1f0;--color-background-gradient-middle: #dcd6ff;--color-background-gradient-end: #e6f3ff}.subscription-page-container{display:flex;flex-direction:column;align-items:center;padding:2rem;font-family:Arial,sans-serif;background:linear-gradient(to bottom right,var(--color-background-gradient-start),var(--color-background-gradient-middle),var(--color-background-gradient-end));min-height:100vh;padding-top:10%}.message-box{margin-bottom:1rem}.plans-wrapper-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:1200px}.plans-wrapper{display:flex;flex-direction:column;align-items:center;width:300px;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.plans-wrapper:hover{transform:translateY(-4px)}.header-content{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.logo{width:96px;height:96px;object-fit:contain;margin-bottom:.5rem}.page-title{font-size:1.25rem;font-weight:700;text-align:center}.plan-card{display:flex;flex-direction:column;align-items:center}.plan-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.plan-description{font-size:.95rem;text-align:center;margin-bottom:1rem}.plan-button{background:linear-gradient(90deg,var(--color-logo-blue),var(--color-logo-purple));color:#fff;padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:filter .3s ease;width:100%}.plan-button:hover:not(:disabled){filter:brightness(.95)}.plan-button:disabled{background:#ccc;cursor:not-allowed;color:#666}.spinner{width:20px;height:20px;border:3px solid white;border-top:3px solid #888;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.plans-wrapper-container{flex-direction:column;align-items:center}}:root{--color-logo-purple: #8D75EF;--color-logo-blue: #3979D0}.terms-container{max-width:900px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 0 15px #0000001a;border:1px solid #e0e0e0;font-family:Inter,sans-serif;color:#333;line-height:1.6;display:block}.terms-header h1{font-size:2rem;font-weight:800;color:#333;text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-logo-blue)}.terms-section{margin-bottom:1.5rem;display:block}.terms-section h2{font-size:1.5rem;font-weight:700;color:var(--color-logo-blue);margin-bottom:1rem;border-left:4px solid var(--color-logo-purple);padding-left:10px}.terms-section h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#555}.terms-section p{margin-bottom:1rem;text-align:justify}.terms-section strong{color:#1a202c}.terms-section ul{list-style-type:disc;padding-left:25px;margin-bottom:1rem}.terms-section li{margin-bottom:.5rem}a{color:var(--color-logo-blue);text-decoration:underline;transition:color .3s ease}a:hover{color:var(--color-logo-purple)}