*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{min-height:100vh}.login-container{text-align:center;background:#fff;border-radius:8px;max-width:400px;margin:50px auto;padding:30px;box-shadow:0 2px 10px #0000001a}.login-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.login-form input{border:1px solid #ddd;border-radius:4px;padding:12px;font-size:16px}.login-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:12px;font-size:16px}.login-form button:disabled{cursor:not-allowed;background-color:#6c757d}.toggle-button{background-color:#6c757d!important}.error-message{color:#dc3545;background:#f8d7da;border-radius:4px;margin-bottom:10px;padding:10px}.note-form{background:#f8f9fa;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:30px;padding:20px;display:flex}.note-form input,.note-form textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;padding:12px;font-size:16px}.note-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:12px;font-size:16px}.note-form button:disabled{cursor:not-allowed;background-color:#6c757d}.notes-list{flex-direction:column;gap:15px;display:flex}.note-item{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px}.note-item h3{color:#333;margin:0 0 10px}.note-item p{color:#666;white-space:pre-wrap;margin:0 0 15px}.note-actions{gap:10px;display:flex}.task-form{background:#f8f9fa;border-radius:8px;gap:10px;margin-bottom:30px;padding:20px;display:flex}.task-form input{border:1px solid #ddd;border-radius:4px;flex:1;padding:12px;font-size:16px}.task-form button{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:12px 20px;font-size:16px}.task-form button:disabled{cursor:not-allowed;background-color:#6c757d}.tasks-list{flex-direction:column;gap:10px;display:flex}.task-item{background:#fff;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;transition:background-color .2s;display:flex}.task-item.completed{background-color:#d4edda}.task-title{color:#333}.task-item.completed .task-title{color:#6c757d;text-decoration:line-through}.task-actions{gap:10px;display:flex}.toggle-button{color:#212529;cursor:pointer;background-color:#ffc107;border:none;border-radius:4px;padding:8px 16px}.toggle-button:hover{background-color:#e0a800}.delete-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:8px 16px}.delete-button:hover{background-color:#c82333}.loading,.empty-message{text-align:center;color:#666;padding:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{background:#fff;border-radius:8px;max-width:800px;margin:0 auto;padding:30px;box-shadow:0 2px 10px #0000001a}.app-loading{color:#666;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.app-header h1{color:#333}.logout-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:10px 20px;font-size:16px}.logout-button:hover{background-color:#c82333}.tabs{border-bottom:2px solid #eee;gap:10px;margin-bottom:30px;padding-bottom:10px;display:flex}.tab-button{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 20px;font-size:16px;transition:all .2s}.tab-button:hover{color:#007bff}.tab-button.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.content{min-height:400px}