@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#1a1a1a;--surface-color:#2c2c2c;--primary-color:#bb86fc;--primary-variant-color:#3700b3;--secondary-color:#03dac6;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#444;--error-color:#cf6679}body{background-color:#1a1a1a;background-color:var(--background-color);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;margin:0}.main-content{padding:20px}.navbar{align-items:center;background-color:#2c2c2c;background-color:var(--surface-color);border-bottom:1px solid #444;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 2rem}.nav-brand{color:#bb86fc;color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-btn,.nav-link{background:none;border:none;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-btn:hover,.nav-link:hover,.nav-user{color:#fff;color:var(--text-primary)}.auth-container{align-items:center;display:flex;justify-content:center;padding-top:5rem}.auth-form{background-color:#2c2c2c;background-color:var(--surface-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:8px;max-width:400px;padding:2rem;width:100%}.auth-form h2{color:#bb86fc;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#b3b3b3;color:var(--text-secondary);display:block;margin-bottom:.5rem}.form-group input{background-color:#1a1a1a;background-color:var(--background-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary)}.auth-form button,.form-group input{font-size:1rem;padding:.75rem;width:100%}.auth-form button{background-color:#bb86fc;background-color:var(--primary-color);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:700;margin-top:1rem}.auth-link{color:#b3b3b3;color:var(--text-secondary);margin-top:1.5rem;text-align:center}.auth-link a{color:#03dac6;color:var(--secondary-color);text-decoration:none}.error-msg{color:#cf6679;color:var(--error-color);margin-bottom:1rem;text-align:center}.container{margin:2rem auto;max-width:600px;width:100%}.app-header{margin-bottom:2rem;text-align:center}.app-header h1{color:#bb86fc;color:var(--primary-color);font-size:2.5rem;margin:0}.app-header p{color:#b3b3b3;color:var(--text-secondary);font-size:1.1rem}.task-input-form{display:flex;gap:.5rem;margin-bottom:2rem}.task-input-form input{background-color:#2c2c2c;background-color:var(--surface-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);flex-grow:1;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s}.task-input-form input:focus{border-color:#bb86fc;border-color:var(--primary-color);outline:none}.task-input-form button{background-color:#bb86fc;background-color:var(--primary-color);border:none;border-radius:8px;color:#1a1a1a;color:var(--background-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{align-items:center;background-color:#2c2c2c;background-color:var(--surface-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.task-item.completed{background-color:#222}.task-item.completed .task-title{color:#b3b3b3;color:var(--text-secondary);text-decoration:line-through}.task-content{align-items:center;display:flex;flex-grow:1;gap:1rem}.task-checkbox{accent-color:#03dac6;accent-color:var(--secondary-color);cursor:pointer;height:20px;width:20px}.task-title{font-size:1rem}.edit-form{flex-grow:1}.edit-form input{background-color:initial;border:none;border-bottom:2px solid #bb86fc;border-bottom:2px solid var(--primary-color);color:#fff;color:var(--text-primary);font-size:1rem;padding:.25rem;width:100%}.task-buttons{align-items:center;display:flex;gap:.5rem}.icon-btn{background:none;border:none;border-radius:50%;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.5rem}
/*# sourceMappingURL=main.822662b5.css.map*/