body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background-color:#f7f7f7}input,button{font-size:1rem}.login-form[data-v-01a90c9c]{max-width:400px;margin:50px auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:1rem}.login-form label[data-v-01a90c9c]{display:block;margin-bottom:.5rem}.login-form input[data-v-01a90c9c]{width:100%;padding:.5rem;box-sizing:border-box}.login-form button[data-v-01a90c9c]{padding:.75rem;cursor:pointer}.error[data-v-01a90c9c]{color:red}.success[data-v-01a90c9c]{color:green}.habits-header[data-v-f808ccae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logout-btn[data-v-f808ccae]{padding:.5rem 1rem;cursor:pointer;background-color:#39a6ff;color:#fff;border:none;border-radius:5px}.logout-btn[data-v-f808ccae]:hover{background-color:#359cf0}.habits-view[data-v-f808ccae]{max-width:400px;margin:50px auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:1rem}.habits-view h1[data-v-f808ccae]{text-align:center;margin-bottom:1rem}.habit-form input[data-v-f808ccae]{width:100%;padding:.5rem;margin-bottom:.5rem;box-sizing:border-box}.habit-form button[data-v-f808ccae]{padding:.75rem;cursor:pointer;width:100%;margin-top:.5rem}.habit-item[data-v-f808ccae]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #eee}.remove-btn[data-v-f808ccae]{background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer}.error[data-v-f808ccae]{color:red;text-align:center}.habit-form[data-v-f808ccae]{display:flex;flex-direction:column}