:root{font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#202124;background-color:#f1f3f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4285f4;text-decoration:inherit}a:hover{color:#0d47a1}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#4285f4;color:#fff;cursor:pointer;transition:background-color .2s}button:hover{background-color:#0d47a1}button:focus,button:focus-visible{outline:2px solid #4285F4}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424}a{color:#8bb4f8}a:hover{color:#4285f4}button{background-color:#4285f4}}:root{--primary-color: #4285F4;--primary-light: #8bb4f8;--primary-dark: #0d47a1;--accent-color: #EA4335;--text-color: #202124;--text-secondary: #5f6368;--background-color: #ffffff;--background-light: #f1f3f4;--border-color: #dadce0;--success-color: #34a853;--error-color: #ea4335;--warning-color: #fbbc05}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Segoe UI,Arial,sans-serif;color:var(--text-color);background-color:var(--background-light);line-height:1.5}#root{max-width:100%;min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-light)}.login-container{background-color:var(--background-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:90%;max-width:400px;text-align:center}.login-container h1{color:var(--primary-color);margin-bottom:1rem}.login-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1.5rem;transition:background-color .2s}.login-button:hover{background-color:var(--primary-dark)}.login-button:disabled{background-color:var(--primary-light);cursor:not-allowed}.login-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;text-align:center}.login-error h2{color:var(--error-color);margin-bottom:1rem}.error-message{background-color:var(--background-color);border:1px solid var(--error-color);border-radius:4px;padding:1rem;margin-bottom:1.5rem;max-width:500px}.error-details{font-family:monospace;margin-top:.5rem;color:var(--text-secondary)}.return-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer}.todo-list-container{display:flex;flex-direction:column;padding:1rem;max-width:800px;margin:0 auto;width:100%}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.todo-header h1{color:var(--primary-color);margin-bottom:0}.logout-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block;text-align:center}.logout-button:hover{background-color:#d63a2a}.todo-list{background-color:var(--background-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1rem}.empty-list{padding:2rem;text-align:center;color:var(--text-secondary)}.todo-item{display:flex;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .1s}.todo-item:last-child{border-bottom:none}.todo-item:hover{background-color:var(--background-light)}.todo-item.completed .todo-title{text-decoration:line-through;color:var(--text-secondary)}.todo-checkbox-container{margin-right:1rem;display:flex;align-items:flex-start;padding-top:.25rem}.todo-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--primary-color);background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;transition:background-color .2s}.todo-checkbox.checked{background-color:var(--primary-color);border-color:var(--primary-color)}.todo-checkbox.large{width:24px;height:24px}.checkmark{color:#fff;font-size:12px;font-weight:700}.todo-content{flex:1}.todo-title{font-weight:500;font-size:1rem;margin-bottom:.25rem}.todo-due-date{font-size:.85rem;color:var(--accent-color);margin-bottom:.25rem}.todo-notes{font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.add-todo-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:background-color .2s;align-self:center;min-width:200px}.add-todo-button:hover{background-color:var(--primary-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-color);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.modal-header h2{color:var(--primary-color);margin:0;font-size:1.25rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-body{padding:1rem;flex:1;overflow-y:auto}.todo-detail-header{display:flex;align-items:flex-start;margin-bottom:1rem}.todo-detail-header button{margin-right:1rem}.todo-detail-header h3{flex:1;margin:0}.todo-detail-due{margin-bottom:1rem}.todo-detail-notes{background-color:var(--background-light);padding:1rem;border-radius:4px;margin-bottom:1rem}.todo-detail-notes pre{font-family:inherit;white-space:pre-wrap;word-break:break-word}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical}.modal-footer{display:flex;justify-content:flex-end;padding:1rem;border-top:1px solid var(--border-color);gap:.5rem}.modal-footer button{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;border:none}.cancel-button{background-color:var(--background-light);color:var(--text-color)}.delete-button{background-color:var(--error-color);color:#fff;margin-right:auto}.edit-button,.save-button,.add-button{background-color:var(--primary-color);color:#fff}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--primary-color);font-size:1.25rem}.error{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--error-color);font-size:1.25rem;flex-direction:column;text-align:center;padding:1rem}.logout-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-light)}.logout-page p{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)}