.header-container{width:100%;max-width:1360px;padding:3rem 3rem 0;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header__title{color:azure}.header__btn{border:none;color:#fff;background-color:#555a8865;padding:.5rem 1.5rem;border-left:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);box-shadow:20px 20px 40px -6px #0003;transition:transform .2s ease}.header__btn:hover{transform:scale(1.05)}.user-container{display:grid;grid-template-columns:repeat(auto-fit,400px);width:100%;max-width:1360px;gap:2rem;margin:0 auto;padding:3rem;justify-content:center}@media (max-width: 768px){.user-container{grid-template-columns:repeat(auto-fit,300px)}}.user__info{text-align:center;color:gold;font-size:3rem}.form-container{z-index:1;position:fixed;width:100%;min-height:100vh;background-color:#0002;top:0;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.close__form{transform:translate(-100%)}.alert-container{z-index:1;position:fixed;width:100%;min-height:100vh;background-color:#0002;top:0;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.hidden__alert{transform:translate(-100%)}.confirm-container{z-index:1;position:fixed;width:100%;min-height:100vh;background-color:#0002;bottom:0;right:0;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.hidden__confirm{transform:translate(-100%)}.form{display:grid;gap:25px;width:100%;max-width:380px;margin:0 10px;padding:2rem 1.5rem 1.5rem;background-color:#00000075;border-radius:20px;border-left:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);backdrop-filter:blur(50px);box-shadow:20px 20px 40px -6px #0003;position:relative;transition:transform .5s ease;color:azure}.formHidden{transform:translateY(-100%)}.fomr__x{position:absolute;right:2rem;top:.8rem;font-size:1.3rem;color:red;cursor:pointer;transition:transform .2s ease}.fomr__x:hover{transform:scale(1.2)}.form__title{margin-bottom:.5rem}.form__div{display:flex;flex-direction:column}.form__div:nth-child(7){margin-bottom:1.5rem}.form__label{font-weight:400;position:relative;left:.8rem}.form__input{padding:.5rem .8rem;font-size:1rem;border-radius:.2rem;border:1px solid #aaa;background:transparent;border:none;border-left:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);border-radius:5000px;backdrop-filter:blur(5px);box-shadow:4px 4px 60px #0003;color:#fff;font-weight:500;transition:all .2s ease-in-out;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.form__input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);border-radius:50%;padding:4px}.form__input::placeholder{font-weight:400;color:#e0d5d5;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.form__buttons{display:flex;justify-content:space-evenly}.form__btn{width:40%;padding:.8rem;color:#fff;background-color:#555a887a;backdrop-filter:blur(5px);border:none;font-size:1rem;border-radius:22px;transition:filter .2s ease}.form__btn--warning{background-color:#ffc10771}.form__btn:hover{filter:brightness(1.2)}.confirm{max-width:450px;background-color:#fff;background-color:#00000075;border-radius:20px;border-left:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);box-shadow:20px 20px 40px -6px #0003;padding:2rem;display:grid;gap:25px;margin:0 15px;color:azure;transition:transform .5s ease;position:relative}.confirm:hover{transform:scale(1.01)}.confirm__x{position:absolute;right:2rem;top:.8rem;font-size:1.3rem;color:#dcdcdc;cursor:pointer;transition:transform .2s ease}.confirm__x:hover{transform:scale(1.1)}.confirm__title{font-size:2.2rem;color:azure}.confirm__buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.confirm__btn{border:none;border-radius:22px;background-color:#aaaaaa65;color:#d6cccc;padding:15px 50px;font-size:1.2rem}.confirm__btn:hover{background-color:#aaa;color:#fff}.confirm__btn--red{background-color:#f4433669}.confirm__btn--red:hover{background-color:#f44336}.confirmHidden{transform:scale(0)}.card{width:100%;max-width:400px;padding:1.8rem 1.5rem;border-radius:.5rem;border:1px solid #aaa7;background-color:#ffffff0f;border-left:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);box-shadow:20px 20px 40px -6px #0003;transition:transform .5s ease;position:relative}.card:hover{transform:scale(1.05)}.card__title{margin-bottom:1.3rem;color:#f0f8ff}.card__item{color:#fff;display:flex;flex-direction:column;gap:.2rem}.card__span{text-transform:uppercase;color:#d3cdcd;font-size:.8rem;position:relative;left:.8rem}.card__body{display:grid;gap:.5rem;margin-bottom:1.2rem}.card__footer{display:flex;justify-content:flex-end;gap:1rem}.card__btn{width:2.2rem;height:2.2rem;font-size:1.2rem;padding:.4rem;border-radius:.2rem;border:none;transition:box-shadow .2s ease}.card__btn--trash{color:#fff;background-color:#d85d5d}.card__btn--edit{color:#aaa;border:1px solid currentColor}.card__btn:hover{box-shadow:0 0 .4rem #0004}.alert{max-width:450px;background-color:#0009;margin:0 15px;border-radius:20px;border-left:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);box-shadow:20px 20px 40px -6px #0003;padding:2rem;display:grid;gap:25px;transition:transform .5s ease;color:#f0f8ff;position:relative}.alert__x{position:absolute;right:2rem;top:.8rem;font-size:1.3rem;color:#dcdcdc;cursor:pointer;transition:transform .2s ease}.alert__x:hover{transform:scale(1)}.alert:hover{transform:scale(1.01)}.alert__title{font-size:2.2rem}.alert__btn{border:none;background-color:#555a8867;border-radius:22px;color:azure;padding:15px 0;font-size:1.2rem;transition:transform .5s ease}.alert__btn:hover{transform:translateY(-3%)}.alertHidden{transform:scale(0)}html{box-sizing:border-box}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}ul{list-style:none}a{text-decoration:none}body{font-family:Poppins,sans-serif;background:linear-gradient(45deg,#FC466B,#3F5EFB);min-height:100vh}input{font-family:inherit}