*,html{box-sizing:border-box;margin:0;padding:0}#root,html{height:100%;width:100%}:root{--color0:#000;--color1:#fff;--color2:red;--color3:green;--color4:blue;--color5:#ff0;--color6:#e3d9c8;--color7:#a9a9a9;--color8:#f5f5f5;--color9:#00008b;--color10:#ddd;--color11:#ffb6c1;--color12:#fc4c02;--color13:#add8e6}.app{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;padding:0;width:100%}.hamburger{background:none;border:none;color:var(--color9);cursor:pointer;font-size:2rem;left:.5rem;position:fixed;z-index:1001}.hamburger-open{color:var(--color1)}.navbar{align-items:center;background-color:var(--color9);color:#fff;display:flex;height:10vh;left:0;position:fixed;top:0;width:100%;z-index:10}.navbar.open{transform:translateX(0)}.nav-item{align-items:center;color:var(--color1);cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;padding:5% 0;width:100%}.nav-item:hover{background-color:var(--color6);color:var(--color9);font-weight:700}.nav-item-logo{align-items:center;color:var(--color1);cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;padding:5% 0}.subitem{align-items:center;color:var(--color1);cursor:pointer;display:flex;flex-direction:column;font-style:italic;height:auto;justify-content:center;padding:5% 0}.subitem:first-child{margin-top:0}.subitem:hover{background-color:var(--color6);color:var(--color9);font-weight:700}.profile-image-container{align-items:center;display:flex;justify-content:center;max-height:70px;max-width:70px;overflow:hidden;position:relative}.profile-image-default{border-radius:50%;cursor:pointer;object-fit:cover;transition:transform .3s ease}.profile-image-default:hover{filter:brightness(1.3);transform:scale(1.1)}.profile-image{aspect-ratio:1/1;border-radius:50%;cursor:pointer;max-height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease}.profile-image:hover{filter:brightness(1.3)}.body{align-items:center;flex-direction:column;margin-left:0}.body,.body-squeezed{display:flex;flex:1 1}.body-squeezed{flex-direction:column;margin-top:10vh;padding:1em}.footer{align-items:center;background-color:var(--color9);color:#fff;display:flex;font-size:1.2rem;justify-content:center;margin-top:auto;padding:1em;position:relative;text-align:center}.footer-container{flex-direction:column}.button-red{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.button-red:hover{background-color:darkred;transform:scale(1.05)}.button-red:active{background-color:#b22222;transform:scale(1)}.button-red:focus{box-shadow:0 0 5px #ff0000b3;outline:none}.button-green{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.button-green:hover{background-color:#006400;transform:scale(1.05)}.button-green:active{background-color:#228b22;transform:scale(1)}.button-green:focus{box-shadow:0 0 5px #00ff00b3;outline:none}.button-white{background-color:initial;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.button-white:hover{background-color:#a9a9a9;border:none;color:#000;transform:scale(1.05)}.button-white:active{background-color:#4169e1;transform:scale(1)}.button-white:focus{box-shadow:0 0 5px #0000ffb3;outline:none}.button-white:disabled{background-color:#f0f0f0;border-color:#dcdcdc;color:#a9a9a9;cursor:not-allowed;opacity:.6}@media (max-width:580px){.navbar{display:flex;flex-direction:column;height:100%;overflow-y:auto;width:0}.navbar-open{height:100%;padding-bottom:2em;padding-top:3em;width:100%;z-index:1001}.body{padding:2.5em .5em .5em;position:relative}.body,.hamburger-container{background-color:var(--color1)}.hamburger-container{position:fixed;width:100%;z-index:1000}.hamburger{position:relative}.body-squeezed,.footer-squeezed{display:none}.nav-item{padding-top:5%}.nav-item-with-dropdown{width:100%}.hamburger{display:block}.profile-image{max-height:4.5em}}@media (min-width:581px) and (max-width:1024px){.navbar{display:flex;flex-direction:column;height:100%;overflow-y:auto;width:0}.navbar-open{height:100%;padding-bottom:2em;padding-top:3em;width:25%}.nav-item,.subitem{padding-bottom:10%;padding-top:10%;width:100%}.nav-item-with-dropdown{width:100%}.profile-image{max-height:6em}.body{margin-left:0;margin-top:0;padding:.5em .5em .5em 2.5em}.body-squeezed{margin-top:0}.body-squeezed,.footer-squeezed{margin-left:25%}}@media (min-width:1025px){.body{margin-top:40px;padding:1em}.navbar{height:40px}.nav-item,.nav-item-logo{color:var(--color1);flex:1 1;height:100%;padding:0}.dropdown-title-open{background-color:var(--color1);color:var(--color9)}.nav-item:hover{background-color:var(--color6)}.nav-item-with-dropdown{flex:1 1;height:100%;padding:0;width:100%}.subitem{background-color:var(--color6);color:var(--color0)}.subitem:hover{background-color:var(--color9);color:var(--color1)}.hamburger{display:none}}.centered-container{background-color:#add8e6;border-radius:5px;display:flex;flex-direction:column;margin:auto;max-width:1000px;padding:20px;text-align:center;width:100%}.centered-container h2{color:#333;font-size:2rem;margin-bottom:1rem}.centered-container p{color:#555;font-size:1.1rem;margin-bottom:1.5rem}.centered-container ul{list-style-type:none;padding-left:0;text-align:left}.centered-container ul li{color:#444;font-size:1rem;margin-bottom:1rem}.centered-container ul li strong{color:#000}.interact-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.interact-button:hover{background-color:#0056b3}.interaction-box{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}.interaction-box h3{color:#333;font-size:1.5rem;margin-bottom:10px}.interaction-box ul{list-style-type:none;margin-top:.5em;padding-left:0}.interaction-box ul li{color:#444;font-size:1.1rem;margin-bottom:8px}.interaction-box ul li strong{color:#000}.spinner{align-items:center;display:flex;height:100%;justify-content:center}.spinner__circle{animation:spin 1s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-title{color:var(--color1);display:flex;justify-content:center}.restore-action,.signup-form{display:flex;flex-direction:column;width:100%}.signup-form label{color:var(--color1);margin-top:.5em}.signup-form input{margin:.5em 0}.input-field{height:2.5em}.input-field:focus{border-color:#1e90ff;box-shadow:none;outline:none}.signup-form p{margin-bottom:2em}.centered-section{align-items:center;background-color:var(--color9);border-radius:5%;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;max-width:350px;overflow-y:auto;padding:2em;width:100%}.transparent{background-color:initial}.valid{color:var(--color3)}.invalid,.valid{margin-left:.25rem}.errmsg,.invalid{color:var(--color2)}.errmsg{background-color:var(--color11);font-weight:700;margin-bottom:.5rem;padding:.5rem}.instructions{background:var(--color0);border-radius:.5rem;bottom:-10px;color:var(--color1);font-size:.75rem;padding:.25rem;position:relative}.instructions>svg{margin-right:.25rem}.hide,.offscreen{display:none}.have-an-account{align-items:center;display:flex;flex-direction:row;margin-top:1em}.have-an-account p{color:#888;font-size:14px;margin:.2em;text-align:center}.have-an-account a{color:var(--color1)}.signup-success{border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--color0);max-height:200px;padding:2em;text-align:center}.success-message h2{font-size:1.8rem;margin-bottom:1rem}.success-message p{color:var(--color0);font-size:1rem;margin-bottom:1rem}.success-message a{color:var(--color0);font-weight:700}.success-message a:hover{text-decoration:underline}.success-message-green{background-color:var(--color3);border-radius:8px;color:var(--color0);font-weight:700;margin-bottom:.5rem;padding:.5rem}.trust-device{color:var(--color1);margin:1em 0}.trust-device input{margin-right:.5em}.button-auth{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:1em auto;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:50%}.button-auth:hover{background-color:#1c86ee;transform:translateY(-2px)}.button-auth:focus{box-shadow:0 0 5px #1e90ffb3;outline:none}.button-auth:active{background-color:#1874cd;transform:translateY(0)}.button-auth:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.button-resend-verification{width:100%}@media (max-width:300px){.have-an-account{flex-direction:column}.line a{margin-left:0}}.profile-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;max-width:100vw;padding-top:3em;text-align:center;width:100%}.profile-details{margin:2em 0}.profile-details,.profile-picture{display:flex;justify-content:center}.profile-picture{align-items:center;border-radius:50%;cursor:pointer;height:150px;overflow:hidden;position:relative;width:150px}.profile-picture img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.picture-modal{align-items:center;border:1px dotted #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1em}.picture-modal input,.picture-modal>*{margin-bottom:1em}.picture-modal input[type=file]{display:none}.custom-file-label:hover{background-color:#0056b3}.file-name{color:#555;font-size:.9rem}.profile-actions{text-align:center}.profile-actions-button{margin:0 .5em 1em;padding:1em}.profile-info p{font-size:x-large;padding-top:1em;text-align:left}.update-input{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;width:100%}.update-input>*{margin-bottom:1em;width:100%}.update-input input{padding:1em}.update-input button{max-width:100px}.delete-confirmation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1em}.delete-confirmation>*{margin-bottom:1em}.delete-confirmation p{color:red;font-size:larger;font-weight:bolder;padding:1em}.delete-confirmation button{max-width:150px;padding:1em}.profile-input-instructions{background-color:var(--color0);border-radius:5px;color:var(--color1);padding:.5em}.password-container{align-items:center;display:flex;margin-bottom:10px;position:relative}.password-container input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:10px 40px 10px 10px;transition:border-color .2s;width:100%}.password-container input:focus{border-color:#007bff}.toggle-password-icon{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;transition:color .2s}.toggle-password-icon:hover{color:#007bff}.edit-input-container input{width:100%}.profile-delete-success-message{align-items:center;color:green;display:flex;height:100vh;justify-content:center}@media (max-width:580px){.profile-actions{display:flex;flex-direction:column;margin:2em 0}.profile-actions-button{margin-bottom:1em}}@media (min-width:581px) and (max-width:1024px){.profile-actions{margin:2em 0}}.admin-users{box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;max-width:100vw;padding-top:3em;width:100%}.admin-users h2{width:90%}.users-container{height:100%;margin:auto;max-width:500px;overflow-x:hidden}.user-row,.users-container{box-sizing:border-box;width:100%}.user-row{border-bottom:1px solid #ccc;display:flex;flex-direction:column;padding:10px}.user-info{align-items:center;display:flex;justify-content:flex-start;position:relative;width:100%}.user-info p{font-size:1.1em;margin:0;overflow:hidden;padding-right:1em}.user-info button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:1em;margin-left:auto;padding:5px 10px}button:hover{background-color:#0056b3}.user-details{display:flex;flex-direction:column;gap:8px;margin-top:10px;text-align:left}.user-details p{color:var(--color0);font-size:1em;margin:0;text-align:start}.user-details ul{list-style-type:none;padding:0}.user-details li{align-items:center;display:flex;font-size:1em;gap:5px}.user-details .checkbox{accent-color:#007bff;display:inline-block;height:16px;width:16px}.error-message{color:red;font-weight:700}.admin-profile-image-container{align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden;padding:3%;position:relative}.admin-profile-image{border-radius:50%;height:100px;margin:0 auto;object-fit:cover;transition:transform .3s ease;width:100px}.filter-admin-users{background-color:pink}.delete-user{display:flex;justify-content:center}.filter-wrapper{display:flex;margin-bottom:.5em;margin-top:.5em}.filter-toggle{align-items:center;background-color:#0056b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;max-height:2em;padding:8px 12px}.filter-toggle:hover{background-color:#004085}.filter-container{display:flex;flex-wrap:wrap;gap:2px;padding-left:5px;width:100%}.filter-container>*{flex-grow:1;min-width:0}.filter-container input,.filter-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:40px;max-width:33%;padding:10px}.filter-container input:focus,.filter-container select:focus{border-color:#0056b3;outline:none}.filter-container input::placeholder{color:#888}.filter-container-select{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:grey;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:space-between;min-width:150px;padding:10px}.custom-dropdown{position:relative}.custom-dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;left:0;min-width:100px;position:absolute;right:0;top:100%;width:100%;z-index:10}.custom-dropdown-option{box-sizing:border-box;color:grey;cursor:pointer;font-size:14px;padding:10px}.custom-dropdown-option:hover{background-color:var(--color9);color:var(--color1)}.custom-dropdown-option:focus{background-color:#e0e0e0;outline:none}.filter-container-input-userid{max-width:10%!important;min-width:100px}@media (max-width:580px){.filter-container input,.filter-container select{max-width:100%}.filter-container-input-userid{max-width:100%!important}}.unauthorized{align-items:center;background-color:var(--color8);box-sizing:border-box;color:var(--color0);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.unauthorized-title{color:var(--color2);font-size:2rem;font-weight:700;margin-bottom:20px}.unauthorized p{font-size:1.2rem;line-height:1.5;margin-bottom:20px}.unauthorized-go-back{background-color:var(--color9);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.unauthorized-go-back:hover{background-color:#025aa5;transform:scale(1.05)}.unauthorized-go-back:focus{box-shadow:0 0 4px 2px #0275d880;outline:none}.unauthorized-go-back:active{transform:scale(.95)}.section-reset{align-items:center;background-color:var(--color1);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:auto;margin-top:auto;overflow-y:auto;padding:1em 0;transition:margin-left .3s ease-in-out;width:100%}.form-reset{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px;width:100%}h3{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.label-reset{color:#555;font-size:16px}.form-reset input[type=email]{border:1px solid #ddd;border-radius:4px;font-size:16px;margin:8px 0;outline:none;padding:12px;width:100%}.form-reset input[type=email]:focus{border-color:var(--color13);box-shadow:0 0 5px #ff8c004d}.button-reset{background-color:var(--color9);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:.5em auto 0;padding:12px;width:50%}.button-reset:hover{background-color:var(--color13)}p{color:#888;font-size:14px;text-align:center}.p-reset{margin-top:1em}.a-reset{color:var(--color9);text-decoration:none}.a-reset:hover{text-decoration:underline}.errmsg{background-color:#fdd;border:1px solid #f99;border-radius:4px;color:red}.errmsg,.scsmsg{margin-bottom:10px;padding:8px;text-align:center}.scsmsg{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#28a745}.offscreen{display:none}.admin-users{overflow-x:auto;padding-top:20px;position:relative}.table-wrapper{margin-top:.5em;overflow-x:auto;padding-right:10px}.table-wrapper thead{background-color:#f4f4f4;position:sticky;top:0;z-index:1}.admin-users h2{left:50%;text-align:center;top:1em;width:100%;z-index:1}.admin-users table{border-collapse:collapse;min-width:600px;padding:1em;text-align:center;width:100%}.admin-users td,.admin-users th{border-bottom:1px solid #000;padding:.5em}@media (max-width:580px){.admin-users{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-users table{min-width:600px;width:auto}.admin-users td,.admin-users th{padding:.5em}}.subscription-container{margin:auto;max-width:800px;padding:20px;width:100%}.subscription-cards{display:flex;gap:20px;justify-content:space-between}.subscription-card{border:1px solid #ddd;border-radius:8px;padding:20px;width:48%}.subscription-card .subscribe-button{display:block;margin-left:auto;margin-right:auto;margin-top:20px}.subscription-card.not-subscribed{background-color:#f9f9f9}.subscription-card.subscribed{background-color:#e0ffe0}button.subscribe-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.subscribe-button:hover{background-color:#006400;transform:scale(1.05)}button.subscribe-button:disabled{background-color:#ccc;cursor:not-allowed}.credit-card-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px;position:relative}.credit-card-form .subscribe-button{display:block;margin-left:auto;margin-right:auto;margin-top:20px}.close-button{background:none;border:none;color:var(--color0);cursor:pointer;font-size:24px;padding:5px;position:absolute;right:10px;top:10px;transition:color .3s,transform .2s ease-in-out}.close-button:hover{color:var(--color1);transform:scale(1.1)}.credit-card-form label{display:block;margin-bottom:10px}.credit-card-form input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-top:5px;padding:10px;width:100%}.error-message,.success-message{color:#e74c3c;margin-top:10px}.success-message{color:#2ecc71}@media (max-width:580px){.subscription-cards{align-items:center;flex-direction:column}.subscription-card{margin-bottom:20px;max-width:500px;width:100%}}.not-found{color:#333;display:flex;flex-direction:column;font-size:1.5rem;padding:50px;text-align:center}.not-found h1{font-size:3rem;margin-bottom:20px}.not-found p{font-size:1.2rem}
/*# sourceMappingURL=main.f1db196d.css.map*/