@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-color);min-height:100vh;font-family:Poppins,sans-serif;transition:all .3s}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.app{flex-direction:column;flex:1;align-items:center;width:100%;max-width:550px;margin:80px auto 60px;padding:30px 20px;display:flex}.todo-container{gap:12px;width:100%;display:flex}.todo-container input{background:var(--input-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:10px;outline:none;flex:1;padding:14px}.todo-container input:focus{border-color:var(--accent)}.todo-container button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 20px}.todo-list{width:100%;margin-top:20px}.todo-item{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-left:4px solid var(--accent);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;transition:all .3s;display:flex}.todo-item:hover{transform:translate(5px)}.todo-text{flex:1}.completed{color:#00b894;opacity:.6;text-decoration:line-through}.todo-completed{border-left-color:#00b894}.delete-btn{color:#ff6b6b;cursor:pointer;background:#ff6b6b26;border:none;border-radius:6px;padding:6px 10px}.delete-btn:hover{color:#fff;background:#ff6b6b}.progress-bar{background:var(--border-color);border-radius:5px;width:100%;height:8px;margin-bottom:10px}.progress-bar-fill{background:#00b894;height:100%}@media (width<=600px){.todo-container{flex-direction:column}.todo-container button{width:100%}}.light-theme{--bg-main:#fff;--card-bg:#f5f5f5;--text-color:#222;--border-color:#ddd;--input-bg:#fff;--accent:#e94560}.dark-theme{--bg-main:linear-gradient(135deg, #0f0c29, #302b63, #24243e);--card-bg:#ffffff0f;--text-color:#fff;--border-color:#fff3;--input-bg:#ffffff12;--accent:#e94560}.header{background-filter:blur(10px);--webkit-backdrop-filter:blur(10px);background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:1000;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 15px;display:flex;position:fixed;top:0;bottom:0}.left-section,.right-section{align-items:center;display:flex}.header-title{color:var(--text-color);font-size:1.3rem;font-weight:700}.icon{cursor:pointer;color:var(--text-color);font-size:1.3rem}.search-input{border:1px solid var(--border-color);background:var(--input-bg);width:180px;color:var(--text-color);border-radius:6px;outline:none;padding:6px 10px}.footer{background:var(--card-bg);width:100%;color:var(--text-color);text-align:center;border-top:1px solid var(--border-color);padding:10px;font-size:.8rem;position:fixed;bottom:0}.progress-text{color:var(--text-color)}@media (width<=600px){body{overflow-x:hidden}.header,.footer{width:100%}}