.app-wrapper.light{--bg-color:#ffffff;--text-color:#333;--header-bg:#f0f2f5;--header-text:#2c3e50;--card-bg:#ffffff;--border-color:#ddd;--input-bg:#ffffff;--link-hover-bg:#ecf0f1}.app-wrapper.dark{--bg-color:black;--text-color:#1DB954;--header-bg:#1e1e1e;--header-text:#1DB954;--card-bg:#282828;--border-color:#444;--input-bg:#333;--link-hover-bg:#3a3a3a}body{background-color:var(--bg-color);margin:0;padding:0;font-family:Arial,sans-serif;color:var(--text-color);transition:background-color .3s}#root,body,html{width:100%;min-height:100%;display:block}.app-wrapper{min-height:100vh;width:100%;background-color:var(--bg-color);color:var(--text-color)}.main-content{padding:30px;margin:0}.view-filters button{background-color:black;color:white!important;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;margin-right:10px;transition:all .2s}.view-filters button:hover{background-color:#2980b9}.view-filters button[style*="font-weight: bold"]{text-decoration:underline;background-color:#2980b9}.content-inner-wrapper{max-width:800px;width:95%;margin:0 auto;padding:0}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:var(--header-bg);box-shadow:0 2px 4px rgba(0,0,0,.1)}.app-title,.top-bar{color:var(--header-text)}.app-title{font-size:1.5em;margin:0}.top-actions{display:flex;gap:15px;align-items:center}.account-menu{position:relative}.account-btn,.theme-toggle-btn{background-color:var(--header-bg)!important;border:1px solid var(--border-color)!important;color:var(--header-text)!important;padding:8px 15px!important;border-radius:20px!important;transition:background-color .2s,color .2s}.account-btn:hover,.theme-toggle-btn:hover{background-color:var(--border-color)!important}.account-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:250px;background-color:var(--card-bg);box-shadow:0 4px 8px rgba(0,0,0,.2);border:1px solid var(--border-color);border-radius:6px;padding:10px;margin-top:5px}.account-dropdown .user-email{margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid var(--border-color);font-size:.9em;color:var(--text-color);word-break:break-word}.logout-btn-dropdown{width:100%;margin-top:5px;padding:8px;border-radius:4px!important}.account-dropdown .auth-form{padding:0;border:none;background-color:transparent;box-shadow:none;margin-bottom:0}.auth-form{display:flex;flex-direction:column;gap:15px}.account-dropdown .auth-form h2{color:var(--text-color)}.add-todo-form input,.auth-form input{padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:16px;color:var(--text-color);background-color:var(--input-bg)}.add-todo-form button,.auth-form button{background-color:#3498db;color:white;border:none;cursor:pointer}.add-todo-form{display:flex;width:100%;margin-bottom:30px;gap:15px}.todo-list h2{color:var(--text-color)}.todo-item,.todo-list h2{border-bottom:1px solid var(--border-color)}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.todo-item span{color:var(--text-color);padding:5px;flex-grow:1}.todo-item span.completed{text-decoration:line-through;color:#95a5a6}.todo-item select option{background-color:var(--card-bg)!important;color:var(--text-color)!important;font-weight:400}.todo-item select{color:var(--text-color);background-color:var(--input-bg);border:1px solid var(--border-color)}.status-picker.status-todo{background-color:#f7f7f7;cursor:pointer;border-color:#c9c9c9;color:#333;font-weight:700}.status-picker.status-started{background-color:#ffc107;cursor:pointer;border-color:#ffc107;color:black;font-weight:700}.status-picker.status-stuck{background-color:#fe2339;cursor:pointer;border-color:#fe2339;color:black;font-weight:700}.status-picker.status-done{background-color:#4fe9a1;cursor:pointer;border-color:#198754;color:black;font-weight:700}.auth-link{cursor:pointer;color:#3498db;text-decoration:underline;padding:2px 4px;border-radius:4px;transition:color .2s,background-color .2s}.auth-link:hover{color:#2980b9;background-color:var(--link-hover-bg);text-decoration:none}.delete-btn{background-color:#ccc;padding:8px 12px;margin-left:10px;border-radius:6px;line-height:1}.restore-btn{background-color:#27ae60!important;margin-right:10px}