*{box-sizing:border-box;margin:0;padding:0}body{color:#4a3f35;background-color:#fff5f0;font-family:Segoe UI,Roboto,Helvetica,sans-serif}.app-container{background-color:#fff;max-width:480px;min-height:100vh;margin:0 auto;padding:20px;box-shadow:0 4px 20px #ff9a7626}header{text-align:center;color:#ff8c6b;margin-bottom:20px}.tabs{gap:10px;margin-bottom:20px;display:flex}.tab-btn{color:#ff8c6b;cursor:pointer;background-color:#fce4dc;border:none;border-radius:8px;flex:1;padding:10px;font-weight:700;transition:all .2s}.tab-btn.active{color:#fff;background-color:#ff8c6b}.input-group{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.input-row{gap:10px;display:flex}.input-group input{border:1.5px solid #fce4dc;border-radius:8px;outline:none;flex:1;padding:12px;font-size:15px}.input-group input:focus{border-color:#ff8c6b}.input-group button{color:#fff;cursor:pointer;background-color:#ff8c6b;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:700}.task-list{list-style:none}.task-item{background-color:#fffaf8;border:1px solid #fce4dc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px;transition:all .2s;display:flex}.task-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #ff8c6b26}.task-content{cursor:pointer;flex-direction:column;flex:1;gap:4px;padding-left:10px;display:flex}.task-title{font-size:16px;font-weight:500}.task-item.completed .task-title{color:#bbaea6;text-decoration:line-through}.task-meta{color:#ff8c6b;font-size:12px;font-weight:600}.task-meta.no-deadline{color:#bbaea6;font-weight:400}input[type=checkbox]{accent-color:#ff8c6b;width:20px;height:20px}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:14px;font-weight:700}.btn-delete{color:#ef4444;background-color:#fee2e2;margin-left:10px}.btn-restore{color:#10b981;background-color:#d1fae5}