@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{align-items:center;background:linear-gradient(135deg,#fceabb,#f8b500);color:#5a3e2b;font-family:Quicksand,sans-serif;font-size:2.4rem;font-weight:500;min-height:100vh;padding:2rem}.app,body{display:flex;flex-direction:column}.app{flex-grow:1;gap:2rem;max-width:1000px;position:relative;width:100%}h1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4a226b3;border-radius:1.2rem;box-shadow:0 4px 20px #00000026;color:#fff;font-family:Monoton,cursive;font-size:clamp(3rem,8vw,8rem);font-weight:400;letter-spacing:-.5rem;line-height:1.2;padding:2rem 1rem;text-align:center;text-transform:uppercase;word-spacing:2rem}.logout-btn{align-items:center;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#ffebb340;border:1px solid #fff6;border-radius:50px;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1.5rem;top:1rem;transition:all .3s ease}.logout-btn:hover{background:#ffd76466;box-shadow:0 6px 16px #0003;transform:scale(1.05)}.logout-avatar{border:2px solid #fff;border-radius:50%;height:30px;object-fit:cover;width:30px}.logout-text{font-size:1.5rem}@media (max-width:768px){.logout-btn{padding:.3rem .7rem;right:-.1rem;top:.7rem}.logout-avatar{height:25px;width:25px}.logout-text{font-size:1.1rem}}@media (max-width:480px){.logout-btn{padding:.25rem .6rem;right:.8rem;top:.5rem}.logout-avatar{height:22px;width:22px}.logout-text{font-size:.9rem}}.add-form{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e5771f99;border-radius:1.5rem;box-shadow:0 4px 20px #00000026;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2.5rem}h3{color:#fff8e1;flex:1 1 100%;font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:1rem;text-align:center}button,input,select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffebb3b3;border:none;border-radius:10rem;box-shadow:0 3px 10px #0000001a;color:#5a3e2b;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s ease}button:hover,input:hover,select:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.add-form button{background-color:#76c7adcc;color:#fff;text-transform:uppercase}.list{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#5a3e2bb3;border-radius:1.5rem;box-shadow:0 4px 25px #0003;color:#ffebb3;display:flex;flex-direction:column;gap:2rem;padding:3rem 1.5rem;width:100%}.actions button,.list select{font-size:1.4rem;font-weight:700;margin:0 .8rem;padding:.8rem 2rem;text-transform:uppercase}.list ul{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;width:100%}.list li{gap:1rem}.list li:hover{box-shadow:0 0 15px #0003;transform:scale(1.02);transform:translateY(-2px)}select{box-shadow:none!important;position:relative;transform:none!important;z-index:1}.actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#ffffff1a;border:2px solid #ffebb3;border-radius:.6rem;cursor:pointer;flex-shrink:0;height:2rem;padding:1.2rem;position:relative;transition:all .25s ease;width:2rem}input[type=checkbox]:checked{background-color:#e5771f;border-color:#e5771f;box-shadow:0 0 8px #e5771f80;transform:scale(1.1)}input[type=checkbox]:checked:after{color:#fff;content:"✔";font-size:1.4rem;left:.5rem;position:absolute;top:.1rem}.list li{align-items:center;background:#6b4a35b3;border-radius:1.2rem;box-shadow:0 2px 10px #0003;display:flex;gap:1.2rem;justify-content:space-between;padding:1.2rem 1.6rem;transition:transform .2s ease;width:100%}input[type=checkbox]:hover{box-shadow:0 0 10px #e5771f66;transform:scale(1.15)}.list li button{background:none;border:none;color:#ffebb3;cursor:pointer;font-size:2rem;padding:.8rem;transition:transform .2s ease}.list li button:hover{transform:scale(1.2)}.stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#76c7adcc;border-radius:1.2rem;box-shadow:0 3px 15px #00000026;color:#fff;font-size:clamp(1.4rem,2vw,2rem);font-weight:700;margin-top:auto;padding:2rem 4rem;text-align:center;width:100%}@media (max-width:768px){body{font-size:1.8rem;padding:1rem}.add-form{flex-direction:column;padding:2rem}.add-form button,.add-form input,.add-form select{width:100%}.list ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){h1{font-size:clamp(2.4rem,8vw,4rem);padding:1.5rem}button,input,select{font-size:1.6rem;padding:1rem 2rem}.stats{padding:1.5rem}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100%}.auth-card{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:1.6rem;box-shadow:0 8px 30px #0003;color:#fff;max-width:400px;padding:3rem 4rem;text-align:center;width:100%}.auth-card h2{color:#fff;font-size:2.6rem;letter-spacing:1px;margin-bottom:.5rem}.auth-card p{color:#fff8e1;font-size:1.5rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.4rem;width:100%}.auth-form input{background:#ffffffd9;border:none;border-radius:1rem;color:#5a3e2b;font-family:inherit;font-size:1.6rem;outline:none;padding:1.2rem 1.6rem;transition:all .3s ease}.auth-form input:focus{box-shadow:0 0 10px #ffb74d80;transform:scale(1.02)}.email-btn{background:linear-gradient(135deg,#e5771f,#f8b500);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.7rem;font-weight:600;padding:1.2rem;transition:all .3s ease}.email-btn:hover{box-shadow:0 6px 18px #e5771f66;transform:scale(1.05)}.google-btn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#5a3e2b;cursor:pointer;display:flex;font-size:1.6rem;font-weight:600;gap:1rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.google-btn img{height:24px;width:24px}.google-btn:hover{box-shadow:0 6px 18px #fff3;transform:scale(1.05)}.toggle-auth{color:#fff8e1;font-size:1.4rem;margin-top:1rem}.toggle-auth span{color:#fff;cursor:pointer;font-weight:700;transition:color .3s ease}.toggle-auth span:hover{color:#ffe082}.divider{align-items:center;color:#fff;display:flex;font-size:1.4rem;margin:1.5rem 0;opacity:.9;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff4d;content:"";flex:1 1;margin:0 1rem}.auth-logged{background:#ffffff26;border-radius:1.6rem;box-shadow:0 8px 30px #0003;color:#fff;flex-direction:column;gap:2rem;justify-content:center;max-width:400px;padding:3rem;width:100%}.auth-logged,.user-info{align-items:center;display:flex}.user-info{gap:1.2rem}.user-info img{border:2px solid #fff8e1;border-radius:50%;height:60px;object-fit:cover;width:60px}.error-text{color:#ffbdbd;font-size:1.3rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-card{padding:2rem}.auth-card h2{font-size:2.2rem}.auth-form input,.email-btn,.google-btn{font-size:1.4rem;padding:1rem}.user-info img{height:50px;width:50px}}
/*# sourceMappingURL=main.50df963c.css.map*/